Bootstrap: Disabled fieldsets don't disable input fields on IE (11)

[juristr]

Hi,

just discovered that IE (tested v11) doesn't seem to like disabled fieldsets as shown in this demo: http://getbootstrap.com/css/#forms-control-disabled

<fieldset disabled>
...
</fieldset>

While it works on Chrome and FF, IE behaves like this:

Also, it seems as if the problem is only on input fields. The dropdown is disabled as intended.

_(Note: I discovered this kind of behavior because some JS unit test failed on PhantomJS which also doesn't seem to interpret disabled fieldsets properly)_

[hnrch02]

I can confirm that this also happens in IE10.
Basically we just need to update the callout above the example to reflect that this is still a problem in the latest version of Internet Explorer.

[cvrebert]

Interestingly, in IE11, it seems like only the text input isn't truly disabled. The other form controls seem to be properly disabled.

[cvrebert]

Filed IE11 bug: https://connect.microsoft.com/IE/feedbackdetail/view/962368/can-still-edit-input-type-text-within-fieldset-disabled

[juristr]

Interestingly, in IE11, it seems like only the text input isn't truly disabled. The other form controls seem to be properly disabled.

Exactly.

Filed IE11 bug: https://connect.microsoft.com/IE/feedbackdetail/view/962368/can-still-edit-input-type-text-within-fieldset-disabled

:+1:

[cvrebert]

Added a note to MDN about this brokenness: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset$compare?to=660593&from=599821

[cvrebert]

@juristr If you could sign up for an MS Connect account and click the "I can too" link under "User(s) can reproduce this bug" on the bug page, that'd be appreciated.

[juristr]

:ok_hand: