Skip to content
This repository has been archived by the owner on Oct 2, 2019. It is now read-only.

Mouse does not change active item #2160

Open
mkresse opened this issue Sep 7, 2018 · 0 comments
Open

Mouse does not change active item #2160

mkresse opened this issue Sep 7, 2018 · 0 comments

Comments

@mkresse
Copy link

mkresse commented Sep 7, 2018

Bug description:

In the current version of the select dropdown, two different highlights are used at the same time. For example with the Select2 theme, the row below the mouse is highlighted with a gray background using the css :hover, while the active item for usage with the cursor keys is highlighted with a blue background. It is confusing for the user to understand why the first row is marked blue and doesn't change, even if the mouse is moved across other items, as for example noted in #2039 .
The original Select2 nor plain HTML suffer from that issue and have only one type of highlighting.

Link to minimally-working plunker that reproduces the issue:

http://next.plnkr.co/edit/BUrB9eM7qcDAHYnc (based on "Basic demo")

The blue and gray highlight are independent from each other, mouse movement does not affect the heavy highlight.

Version of Angular, UI-Select, and Bootstrap/Select2/Selectize CSS

Angular: 1.5

UI-Select: 0.19.8

Bootstrap/Select2/Selectize CSS (if applicable): 3.1.1 / 3.4.5

mkresse pushed a commit to espresto/ui-select that referenced this issue Sep 7, 2018
mouse movement changes the active index in choice list

Addresses angular-ui#2160
mkresse added a commit to espresto/ui-select that referenced this issue Sep 7, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant