Description
Describe the bug
Using a keyboard, it's not possible to select a value in a BFormSelect when inside a BDropdownForm. I can use the tab key to navigate to the select, but the arrow keys have no effect.
This is what I tried (same as in StackBlitz).
<BDropdown text="toggle content" :autoClose="false">
<BDropdownForm>
<label>
Try to control this select with arrow keys
<BFormSelect>
<option>One</option>
<option>Two</option>
</BFormSelect>
</label>
</BDropdownForm>
</BDropdown>
Reproduction
https://stackblitz.com/edit/vitejs-vite-a4hmiy?file=src%2Fcomponents%2FHelloWorld.vue
Used Package Manager
npm
Validations
- Have tested with the latest version. This is still alpha version and sometime things change rapidly.
- Follow our Code of Conduct
- Read the Contributing Guide.
- Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
- The provided reproduction is a minimal reproducible of the bug.