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.