Choices: Input search breaks when dropdown is opened by arrow keys

Created on 12 Jul 2019  路  9Comments  路  Source: Choices-js/Choices

I recently implemented search to our single selects and came a across a bug, that occurs if you open the drop down by pressing arrow down. This leads to a broken search. You can't enter anything, cursor won't be displayed and if you click on the search input the drop down closes.

You can reproduce this at the first input under the headline "Single select input" at https://joshuajohnson.co.uk/Choices/

  1. Click on the first single select which displays "This is a placeholder"
  2. Click on any Choice (e.g. "choice 1")
  3. Press arrow-down-key
    -> drop down opens with broken search. Couldn't get it to work beside reloading the page.

Greetings

edit:

Choices-Google-Chrome-2019-11-06-13-56-03

bug

All 9 comments

Closing as I cannot replicate this 馃憤

@jshjohnson Not solved at all.
I just followed my instructions again and the issue still persists.
Please tell me if you need more info from my side.

If you could provide a reduce test case highlighting the issue, that'd be great 馃憤

Hope this helps. After reopening the dropdown with arrow-down key, search is not working anymore
Choices-Google-Chrome-2019-11-06-13-56-03

Which browser and OS are you using @DarkMikey ?

Ah yeah sorry.
Windows 10 64-Bit, Firefox 70.0.1 (64-Bit) and also Chrome Version 78.0.3904.87 (Official Build) (64-bit).
Does this not happen for you?

Yeah I cannot replicate this on Chrome (Mac OSX) - I'll be interested to know whether this is still an issue with the upcoming release as we made some changes to event listeners

The problem persists, I can confirm. I'm using Chrome Versi贸n 76.0.3809.100 (Build oficial) (64 bits) in ubuntu 18.04. I have also tested it on browserstack with several other browsers (IE11, FF70 and others). It happens when you toggle the dropdown with the down arrow key while the focus is on the choices element. After this all event listeners attached to the input stop working and can't be focused. It happens on the single select input.

So, can we re-open this?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ggcaponetto picture ggcaponetto  路  4Comments

kjugi picture kjugi  路  3Comments

zslabs picture zslabs  路  6Comments

stephendolan picture stephendolan  路  3Comments

NetanelBasal picture NetanelBasal  路  5Comments