-
Notifications
You must be signed in to change notification settings - Fork 6.7k
fix(tab): IE9 disabled attr renders grey text on enabled tab #2677
Conversation
- IE9 renders elements with 'disabled' property with grey text - Tabs are rendered with grey text even if they are not disabled - By renaming attribute to 'disable' instead of 'disabled' tabs with dynamic 'disable' attribute still render correctly
This also fixes an accessibility issue in IE9 where you can't select a tab using the keyboard because disabled elements are excluded from tabIndex. +1 On the other hand it will break existing implementations.. :( |
What about supporting both attributes and marking "disabled" in the APIs as deprecated? |
This would require a documentation update. I think this would be a good breaking change, as using the disabled attribute by the directive currently is bad. Can you add the documentation change required? |
@leonardseymore I like the idea of supporting both attributes ( We'll need to update the README of the tabs directive to include this information of deprecation. |
We are deprecating support for |
Yep that's right, we should deprecate the use of |
I have made some more changes based on the comments. |
_(Defaults: false)_ : | ||
Whether tab is clickable and can be activated. | ||
Note that this deprecates the "disabled" attribute |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
How about:
Note that this was previously the `disabled` attribute.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Or
Note that this was previously the `disabled` attribute, which is now deprecated.
Looks mostly good to me. Maybe just documentation wording can be improved. |
We can probably merge this in and patch the documentation change we want - no need to hold this up longer I think. |
Thanks for this find and fix - it should go out when we release 0.13.0. |
Includes important commit angular-ui/bootstrap@91b5fb6 which means it does not force selection of any tab by default. Also changes 'disabled' property in tabs to 'disable' (to fix ie9 issues) - see angular-ui/bootstrap#2677
This issue can be seen on the boostrap UI page using IE9. The second tab looks disabled when it is really enabled:
http://angular-ui.github.io/bootstrap/#/tabs