The html of the autocomplete list gets broken.

Created on 23 December 2024, 4 months ago

Problem/Motivation

For example, if youenter de in the search box and the autocomplete list is displayed, the class ui-autocomplete-field-search_api_rendered_item__text of the "span" tag in the HTML of the autocomplete list will also be highlighted, breaking the autocomplete list.

<span class="ui-autocomplete-field-search_api_ren<span class=" ui-autocomplete-field-term">de</span>
  red_item__text" data-user-id="1">
  <span class="ui-autocomplete-field-term">XXXXX XXXXX</span>
  / <span class="ui-autocomplete-field-term">De</span>mo User
</span>

Proposed resolution

To solve this issue, we need to highlight only the text without destroying the tags in the candidate list HTML.

Remaining tasks

N/A

User interface changes

N/A

API changes

N/A

Data model changes

N/A

🐛 Bug report
Status

Active

Version

3.0

Component

Code

Created by

🇯🇵Japan zealialize Japan 🇯🇵

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024