Skip to content

[drawer] Fix transition jump#48308

Merged
mj12albert merged 2 commits into
mui:masterfrom
mj12albert:fix-drawer-transition-jump
Apr 20, 2026
Merged

[drawer] Fix transition jump#48308
mj12albert merged 2 commits into
mui:masterfrom
mj12albert:fix-drawer-transition-jump

Conversation

@mj12albert
Copy link
Copy Markdown
Member

@mj12albert mj12albert commented Apr 16, 2026

Fixes #16463

Before: https://stackblitz.com/edit/rq6e2eoh?file=src%2FDemo.tsx

After: https://stackblitz.com/edit/rq6e2eoh-jcm6h4wn?file=src%2FDemo.tsx

Watch the red edge of the drawer, before the fix, it shifts to the left before closing.

Drawer now sets closeAfterTransition: true by default, which should be ok since the only user-perceivable change is the timing of scroll unlock (before vs after transition)

@mj12albert mj12albert added type: bug It doesn't behave as expected. scope: drawer Changes related to the drawer. labels Apr 16, 2026
@mj12albert mj12albert force-pushed the fix-drawer-transition-jump branch from e48034b to 1b9b646 Compare April 16, 2026 18:26
@code-infra-dashboard
Copy link
Copy Markdown

code-infra-dashboard Bot commented Apr 16, 2026

Bundle size

Bundle Parsed size Gzip size
@mui/material 🔺+160B(+0.03%) 🔺+55B(+0.04%)
@mui/lab 0B(0.00%) 0B(0.00%)
@mui/private-theming 0B(0.00%) 0B(0.00%)
@mui/system 0B(0.00%) 0B(0.00%)
@mui/utils 0B(0.00%) 0B(0.00%)

Details of bundle changes

Deploy preview

https://deploy-preview-48308--material-ui.netlify.app/


Check out the code infra dashboard for more information about this PR.

@mj12albert mj12albert force-pushed the fix-drawer-transition-jump branch 2 times, most recently from fc1e0f2 to 8213aaa Compare April 17, 2026 08:58
@mj12albert mj12albert marked this pull request as ready for review April 17, 2026 09:09
@zannager zannager requested a review from siriwatknp April 17, 2026 15:14
@mj12albert mj12albert force-pushed the fix-drawer-transition-jump branch from 8213aaa to 64a1d08 Compare April 19, 2026 17:23
@mj12albert mj12albert added v7.x needs cherry-pick The PR should be cherry-picked to master after merge. labels Apr 20, 2026
@mj12albert mj12albert enabled auto-merge (squash) April 20, 2026 13:48
@mj12albert mj12albert merged commit 04a3826 into mui:master Apr 20, 2026
19 checks passed
@mj12albert mj12albert deleted the fix-drawer-transition-jump branch April 20, 2026 14:06
@github-actions
Copy link
Copy Markdown

Cherry-pick PRs will be created targeting branches: v7.x

@Janpot
Copy link
Copy Markdown
Member

Janpot commented Apr 20, 2026

Probably not important enough to spend a lot of time on, but mentioning it just in case it's an easy fix. When the window resizes during the closing animation, there is still a jump:

Screen.Recording.2026-04-20.at.16.29.38.mov

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

needs cherry-pick The PR should be cherry-picked to master after merge. scope: drawer Changes related to the drawer. type: bug It doesn't behave as expected. v7.x

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Drawer] Container of Drawer jumps

3 participants