-
Notifications
You must be signed in to change notification settings - Fork 6.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(tab-nav-bar): support disabling tab links #5257
Conversation
* Adds support for disabling tab links inside of the tab-nav-bar * No longer requires having an extra directive for the ripples of tab links (no exposion of attributes like `mdRippleColor` - which could be flexible but should not be public API here) Closes angular#5208
inputs: ['disabled'], | ||
host: { | ||
'class': 'mat-tab-link', | ||
'[class.mat-tab-disabled]': 'disabled' |
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.
Also needs aria-disabled
and setting tabIndex
to -1
(same as MdAnchor
) with corresponding tests.
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.
Addressed this.
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.
LGTM
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |
mdRippleColor
- which could be flexible but should not be public API here)Note:
I was not able to create a test that confirms that no ripples are showing up if tab links are disabled. This is because the ripples are disabled through the
pointer-events
CSS property here.In theory it would be better to use
mdRippleDisabled
here but this would prevent us from using the disabled mixin and we would still need to use a separate class.cc. @jelbourn, @andrewseguin for thoughts.
Closes #5208