Skip to content

fix(material/bottom-sheet): focus first tabbable element by default #30549

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
merged 1 commit into from
Feb 26, 2025

Conversation

crisbeto
Copy link
Member

Switches the bottom sheet to focusing the first tabbale element by default like we do in MatDialog.

Note that we had a comment saying that the previous behavior was intentional. That seems to be a leftover from #14534 where the underlying cause was that we were delaying focus until the animation is done. We now have better ways of handling it so the comment isn't relevant anymore.

Fixes #30483.

Switches the bottom sheet to focusing the first tabbale element by default like we do in `MatDialog`.

Note that we had a comment saying that the previous behavior was intentional. That seems to be a leftover from angular#14534 where the underlying cause was that we were delaying focus until the animation is done. We now have better ways of handling it so the comment isn't relevant anymore.

Fixes angular#30483.
@crisbeto crisbeto added the target: patch This PR is targeted for the next patch release label Feb 26, 2025
@crisbeto crisbeto requested a review from a team as a code owner February 26, 2025 08:11
@crisbeto crisbeto requested review from andrewseguin and wagnermaciel and removed request for a team February 26, 2025 08:11
bottomSheet.open(PizzaMsg, {
viewContainerRef: testViewContainerRef,
});
it('should focus the bottom sheet element on open when autoFocus is set to "dialog"', fakeAsync(() => {
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The changes below are mostly formatting.

@crisbeto crisbeto removed the request for review from wagnermaciel February 26, 2025 21:21
@crisbeto crisbeto added the action: merge The PR is ready for merge by the caretaker label Feb 26, 2025
@crisbeto crisbeto merged commit ee5b13f into angular:main Feb 26, 2025
23 of 25 checks passed
@crisbeto
Copy link
Member Author

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

crisbeto added a commit that referenced this pull request Feb 26, 2025
…30549)

Switches the bottom sheet to focusing the first tabbale element by default like we do in `MatDialog`.

Note that we had a comment saying that the previous behavior was intentional. That seems to be a leftover from #14534 where the underlying cause was that we were delaying focus until the animation is done. We now have better ways of handling it so the comment isn't relevant anymore.

Fixes #30483.

(cherry picked from commit ee5b13f)
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Mar 29, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
action: merge The PR is ready for merge by the caretaker area: material/bottom-sheet target: patch This PR is targeted for the next patch release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

bug(bottom-sheet): auto focus defaults to dialog instead of first-tabbable
2 participants