Skip to content

BFormGroup: clicking on label/legend should focus BFormSelect inside it #2779

Open
@a-kriya

Description

@a-kriya

Describe the bug

Just like clicking on a BFormGroup's label for a BFormInput field focuses the field, a BFormSelect should be focused as well.

I realize that BFormSelect uses the legend tag instead of label, but it does behave as expected in BV with the basic markup (no ids):

<BFormGroup label="Enter your name">
  <BFormInput />
</BFormGroup>
<br>
<BFormGroup label="Select an item">
  <BFormSelect :options="options" />
</BFromGroup>

Reproduction

https://stackblitz.com/edit/vue-sxbhmc4u?file=src%2FApp.vue

Used Package Manager

npm

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions