Skip to content
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 nav keyboard handling #4634

Merged
merged 3 commits into from Nov 22, 2023

Conversation

maxokorokov
Copy link
Member

No description provided.

BREAKING CHANGE:

Nav default value for the `@Input() keyboard: boolean | 'changeWithArrows'` was changed from `false` to `true`, meaning that:
- all navs have keyboard support turned on by default
- only active nav is focusable using `Tab/Shift+Tab`
- focus between navs can be moved with keyboard arrows and focused nav can be selected with `Enter/Space`

Focusing behavior follows the WAI-ARIA tab recommendation as well as Bootstrap's nav implementation.

To turn off keyboard support either set `keyboard` to `false` either on the individual `NgbNav` or via `NgbNavConfig`
@maxokorokov maxokorokov added this to the 16.0.0 milestone Nov 22, 2023
@maxokorokov maxokorokov merged commit 10fed85 into ng-bootstrap:master Nov 22, 2023
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant