Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

The disabled property value is not reflected correctly in display of `b-form-radio` on Microsoft Edge

See original GitHub issue

On Microsfot Edge, changing the disabled property of b-form-radio does not affect the display. It will be reflected correctly in other browsers. Also, native radio buttons are correctly reflected in any browser.

Example: https://codesandbox.io/s/o7xrrqxoky

Expected: Every time the ‘disable/enable’ button is clicked, ‘native’ and ‘bootstrap-vue’ radio buttons will be disabled/enabled. Result: On Microsoft Edge, ‘native’ radio buttons behave as expeced, but ‘bootstrap-vue’ radio buttons are always displayed as if it is enabled.

On Firefox(65), Chrome(72.0.3626.96), all radio buttons behabe as expected.

OS: Windows 10 (1809) Browser: Microsoft Edge (44.17763.1.0) bootstrap-vue: 2.0.0-rc.11, dev(70ca4303442507ff34c1dc394b5354ee57683342)

Issue Analytics

State:
Created 5 years ago
Comments:12 (7 by maintainers)

Top GitHub Comments

1reaction

4dn-osscommented, Feb 13, 2019

Upstream issue I posted is: https://github.com/twbs/bootstrap/issues/28247

0reactions

tmorehousecommented, Mar 29, 2019

Closing as upstream at Bootstrap.

Top Results From Across the Web

IE 11 disabled buttons/links not shown as greyed out - MSDN

The disabled feature works (clicking on it doesn't do anything) but just not appeared as greyed out to be more intuitive like before....

EDGE does not support property disabled of style elements

Our first (best) workaround for this scenario (our scenario, see above) is to manipulate the media property (attribute) of the style ...

bootstrap-vue | Yarn - Package Manager

The directive versions are now reactive to trigger element title attribute changes and configuration changes. The component versions now perform better when ...

bootstrap-vue - UNPKG

1, {"version":3,"file":"bootstrap-vue.js","sources":["../src/utils/vue.js","../src/utils/env.js","../src/utils/warn.js",".

bootstrap-vue: Versions - Openbase

#6865 Set correct aria-haspopup attribute for the toggle button ... show-value-max prop to show possible max rating when show-value is true (#5200) (e9d54e6) ......