ember-power-select icon indicating copy to clipboard operation
ember-power-select copied to clipboard

Regression: Clicking too low on the trigger autoselects the first item in the dropdown list

Open johanrd opened this issue 5 years ago • 1 comments

  1. Go to the current docs for multiselect on v3/v4 and click on the bottom border of the input trigger.
  2. Experience that the first item in the list is selected after a very brief flash of the list:

The same does not happen on the docs for v2 of multiselect, so this seems like a regression.

For debugging, I ran a test with adding margin-top: 1px to .ember-power-select-dropdown, and that made the problem go away. Therefore I suspect this to be an overly triggerhappy mouseup event.

mouse-control-test.js seems to be the guardian for cases like this, however it looks like this has managed to sneek through.

johanrd avatar Oct 19 '20 08:10 johanrd

This is occurring in my team's application as well, but the margin-top workaround doesn't seem to work. Are there any updates on resolving this within EPS?

Edit: Quick update. The proposed fix seems to work with the default styles, but not with the included material ones.

Shadowninja33 avatar Oct 06 '21 19:10 Shadowninja33