-
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
fix(tab-group): focus change event not firing for keyboard navigation #12192
fix(tab-group): focus change event not firing for keyboard navigation #12192
Conversation
Currently the `focusChange` event only fires if the user *clicks* on a tab label. But if users navigate to the tabs using their keyboard and walk through the tab labels, the `focusChange` event is not firing properly. This also fixes that the scroll container, if pagination is active, does not update the scroll position smoothly. Fixes angular#12185
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
// If there is a change in the focus key manager we need to emit the `indexFocused` | ||
// event in order to provide a public event that notifies about focus changes. Also we realign | ||
// the tabs container by scrolling the new focused tab into the visible section. | ||
this._keyManager.change.pipe(takeUntil(this._destroyed)).subscribe(newFocusIndex => { |
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.
This will also fire for programmatic changes, but based on the old code, it seems like that's what we're expecting.
This comment has been minimized.
This comment has been minimized.
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. |
Currently the
focusChange
event only fires if the user clicks on a tab label. But if users navigate to the tabs using their keyboard and walk through the tab labels, thefocusChange
event is not firing properly.This also fixes that the scroll container, if pagination is active, does not update the scroll position smoothly.
Fixes #12185