Skip to content

fix(material/sidenav): drawer stuck in animating state if transition does not start - #33723

Open
lazerg wants to merge 3 commits into
angular:mainfrom
lazerg:fix/issue-33722-drawer-stuck-animating
Open

fix(material/sidenav): drawer stuck in animating state if transition does not start#33723
lazerg wants to merge 3 commits into
angular:mainfrom
lazerg:fix/issue-33722-drawer-stuck-animating

Conversation

@lazerg

@lazerg lazerg commented Aug 24, 2026

Copy link
Copy Markdown
Contributor

Currently the drawer adds the mat-drawer-animating class as soon as it's toggled and only removes it on transitionend, however no transition will run if it's toggled back to its previous state before the browser has rendered it. This leaves the drawer stuck in the animating state and prevents openedChange from emitting.

These changes end the animation manually if a transition didn't start.

Fixes #33722.

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.

bug(sidenav): mat-drawer-opened class missing after rapid programmatic open/close

1 participant