Searchable select inputs records key pressed when navigating using arrow keys.

[dks-adaptdigital]

Package

filament/forms

Package Version

v3.2

Laravel Version

v10.10

Livewire Version

No response

PHP Version

PHP 8.1

Problem description

I was using arrow keys to navigate a form and fill it in. When I got to the select element, which is searchable, I noticed that it recorded the arrowdown keystroke and displayed it back to me in the UI.

Screen.Recording.2024-01-15.at.14.55.56.mov

Expected behavior

I would expect the select element to not show me which key(s) I have pressed to select an option.

Steps to reproduce

1. Clone down the repro repository provided.
2. Set up the application (I used sail) and run it locally.
   • setup your local db
   • composer install
   • npm install
   • npm run dev
3. Navigate to the dummies resource and click create new.
4. Tab to the select input and press down.

Reproduction repository

https://github.com/dks-adaptdigital/filament-arrowdown-repro

Relevant log output

No response

[danharrin]

Duplicate of #5707, Choices-js/Choices#1080

[danharrin]

Using tabs to navigate between fields should work fine

[dks-adaptdigital]

Apologies @danharrin I missed this when scanning through previous issues.