Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Search Typeahead - Correction to styling issue with highligting of dropdown results#41

Open
kristoffersurrow wants to merge 1 commit intodynamicweb:main from
kristoffersurrow:main
Open

Search Typeahead - Correction to styling issue with highligting of dropdown results #41
kristoffersurrow wants to merge 1 commit intodynamicweb:main from
kristoffersurrow:main

Conversation

@kristoffersurrow
Copy link

@kristoffersurrow kristoffersurrow commented May 7, 2025

There currently a styling issue with highligting of the dropdown results.
It marks everything after the searchTerm. The fix was quite simple.

Before
image

After
image

Copy link
Member

nicped commented May 7, 2025

Not sure we agree it should be like that...

The current behavior is based off how other search engines behave:

image
image

Also we try to adhere to UX guidelines from sources like Baymard:
https://baymard.com/premium/blog/autocomplete-design

Copy link
Author

Hi Nikolaj.
I see your point.
I think I've seen this both ways.

  1. What is searched is highlighted
  2. What is suggested is highlighted

Given that Swift is highlighting what is suggested, maybe theres an issue with Swift only highlighing the text after the search term (Not addressed in this PR).

When searching for "road" I would think that "scattante ssr" also should be highlighted, as it is suggested?
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

AltStyle によって変換されたページ (->オリジナル) /