Skip to content

BFormGroup: disabled prop should disable BFormInput inside it #2780

Open
@a-kriya

Description

@a-kriya

Describe the bug

Just like the disabled prop on BFormGroup disables a child BFormSelect, setting the prop should also fully disable a child BFormInput.

The docs at Disabled form group say:

Setting the disabled prop will disable the rendered <fieldset> and, on most browsers, will disable all the input elements contained within the fieldset.

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

results in disabled select element, but not the input element:

Image

Reproduction

https://stackblitz.com/edit/vue-kzvast9u?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