Showing the name of pressed key on keyboard on SELECT object

[fatehiman]

Package

filament/filament

Package Version

3.2.0

Laravel Version

11.0

Livewire Version

No response

PHP Version

8.3.0

Problem description

in forms, when using keboard TAB to focus on SELECT element that is searchable(), then press Arrow key down or up or press F4 to open the select listbox, the first item in the list will be a text that contains pressed key name on keyboard! for example Arrowup, Arrowdown, F4, etc.

Expected behavior

this text should not be shown

Steps to reproduce

no sample source code needed, just create a SELECT element in a Form (in a resource file) that is searchable().
then focus on it by pressing TAB by keyboard, after focus, press keyboard arrow keys or F4 and see the first element of the selectbox that is a text contains "arrowup", "arrowdown" or "F4" string!

Reproduction repository (issue will be closed if this is not valid)

https://github.com/fatehiman/filament-issues

Relevant log output

No response

Donate 💰 to fund this issue

• You can donate funding to this issue. We receive the money once the issue is completed & confirmed by you.
• 100% of the funding will be distributed between the Filament core team to run all aspects of the project.
• Thank you in advance for helping us make maintenance sustainable!

[fatehiman]

[zepfietje]

Duplicate of #5707.

[zepfietje]

This does seem to be fixed in the next major version of Choices.js: Choices-js/Choices#1104.