Skip to content

fix(material/sidenav): removes -1 tabindex from sidenav #31155

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

Merged

Conversation

essjay05
Copy link
Contributor

Updates Angular Components SideNav component so that when
the mode is not equalt to side the tabIndex value is -1.
Otherwise provide a null value.

Before fix screenshot
After fix screenshot
After fix screenshot of mat-drawer-end comparison

Fixes b/286459024

@essjay05 essjay05 requested a review from a team as a code owner May 20, 2025 00:20
@essjay05 essjay05 requested review from crisbeto and andrewseguin and removed request for a team May 20, 2025 00:20
@essjay05 essjay05 added dev-app preview When applied, previews of the dev-app are deployed to Firebase and removed area: material/sidenav labels May 20, 2025
Copy link

github-actions bot commented May 20, 2025

Deployed dev-app for 13d3e21 to: https://ng-dev-previews-comp--pr-angular-components-31155-dev-0bf1599t.web.app

Note: As new commits are pushed to this pull request, this link is updated after the preview is rebuilt.

essjay05 added 2 commits May 20, 2025 15:37
Updates Angular Components SideNav component so that when
the mode is not equalt to side the tabIndex value is -1.
Otherwise provide a null value.

Fixes b/286459024
Updates previous fix to use proper syntax to calculate which
mode that the sidenav is set to.
@essjay05 essjay05 force-pushed the remove-sidenav-side-container-focus branch from 865bf9d to 4b5161c Compare May 20, 2025 15:38
Updates previous changes to add the reasoning and reference for the
removal of the -1 for side mode sidenavs.
@andrewseguin andrewseguin added target: patch This PR is targeted for the next patch release action: merge The PR is ready for merge by the caretaker labels May 20, 2025
@andrewseguin andrewseguin merged commit 08a3c04 into angular:main May 20, 2025
26 of 28 checks passed
@andrewseguin
Copy link
Contributor

The changes were merged into the following branches: main, 19.2.x, 20.0.x

andrewseguin pushed a commit that referenced this pull request May 20, 2025
* fix(material/sidenav): removes -1 tabindex from sidenav

Updates Angular Components SideNav component so that when
the mode is not equalt to side the tabIndex value is -1.
Otherwise provide a null value.

Fixes b/286459024

* refactor(material/sidenav): updates syntax

Updates previous fix to use proper syntax to calculate which
mode that the sidenav is set to.

* refactor(material/sidenav): adds comments to explain reason for change

Updates previous changes to add the reasoning and reference for the
removal of the -1 for side mode sidenavs.

(cherry picked from commit 08a3c04)
andrewseguin pushed a commit that referenced this pull request May 20, 2025
* fix(material/sidenav): removes -1 tabindex from sidenav

Updates Angular Components SideNav component so that when
the mode is not equalt to side the tabIndex value is -1.
Otherwise provide a null value.

Fixes b/286459024

* refactor(material/sidenav): updates syntax

Updates previous fix to use proper syntax to calculate which
mode that the sidenav is set to.

* refactor(material/sidenav): adds comments to explain reason for change

Updates previous changes to add the reasoning and reference for the
removal of the -1 for side mode sidenavs.

(cherry picked from commit 08a3c04)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
action: merge The PR is ready for merge by the caretaker area: material/sidenav dev-app preview When applied, previews of the dev-app are deployed to Firebase target: patch This PR is targeted for the next patch release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants