BS 5.1.2 Keyboard Accessibility Broken — Up / Down Arrow Key (Desktop) Not Working

[linzswanson]

Console Error:

Uncaught TypeError: Cannot read properties of undefined (reading 'nextElementSibling') at Object.next (VM600 bootstrap.bundle.min.js:6) at Oe._getMenuElement (VM600 bootstrap.bundle.min.js:6) at new Oe (VM600 bootstrap.bundle.min.js:6) at Function.getOrCreateInstance (VM600 bootstrap.bundle.min.js:6) at HTMLUListElement.dataApiKeydownHandler (VM600 bootstrap.bundle.min.js:6) at HTMLDocument.n (VM600 bootstrap.bundle.min.js:6)

jQuery version, Bootstrap version, and bootstrap-select version.

• jquery/3.6.0
• [email protected](and 5.1.1)
• [email protected]
• Browsers: Safari, Chrome, Firefox on Mac OS Catalina

Reproduced Here:

• https://plnkr.co/edit/AA74u8B1DeJ1J6DB?open=lib%2Fscript.js&preview
• Error in console

[luis-fss]

Here is another sample with this issue: https://plnkr.co/edit/53lQjla5NiVGPuL0?preview

[terryaney]

Additionally, on a live search, single select dropdown, hitting Enter on an item no longer closes the dropdown. In BS4 it did. Is there an option I'm missing that would enable this behavior again?

[cyclopsMZ]

Hi all, does anyone have any quick fix for this? All the keyboard interactions does not seem to be working. E.g. (up/down keys for selection, enter key for selecting the dropdown, typing to search for dropdown box item). Thanks

[bazineta]

I have a quick fix, but it's, well, not something you'd be proud of. Does work, though. See the referenced issue comment for diagnosis of the problem and our solution for it.

@caseyjhol https://github.com/snapappointments/bootstrap-select/issues/2742#issuecomment-1236406521