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.

Sign up for GitHub

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

Jump to bottom

[SwipeableDrawer] Broken swipe-to-open animation #32513

Closed
2 tasks done
sodenn opened this issue Apr 30, 2022 · 5 comments
Closed
2 tasks done

[SwipeableDrawer] Broken swipe-to-open animation #32513

sodenn opened this issue Apr 30, 2022 · 5 comments
Assignees
@siriwatknp
Labels
bug 🐛 Something doesn't work component: SwipeableDrawer The React component. duplicate This issue or pull request already exists

Comments

@sodenn
Copy link

sodenn commented Apr 30, 2022

Duplicates

  • I have searched the existing issues

Latest version

  • I have tested the latest version

Current behavior 😯

When using a touch-screen device, the animation to open the drawer is brocken:
2022-04-30 14 46 03

Expected behavior 🤔

The expected animation can be seen in the following recording:
2022-04-30 15 58 25
The recording is from the MUI v5.0.6 example

Steps to reproduce 🕹

Steps:

  1. Open https://codesandbox.io/s/6b7c9b?file=/demo.tsx (example from mui.com)
  2. Open the preview in new browser window
  3. Enter the responsive mode in the Browser DevTools
  4. Start swiping from the left edge

Context 🔦

No response

Your environment 🌎

No response
@sodenn sodenn added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Apr 30, 2022
@danilo-leal danilo-leal added component: SwipeableDrawer The React component. bug 🐛 Something doesn't work labels May 3, 2022
@Barmaglote
Copy link

Does anybody know how to fix this issue? I have the same problem.

@fioleto
Copy link

fioleto commented May 19, 2022

I have the exactly same issue.

@sodenn
Copy link
Author

sodenn commented May 23, 2022

I assume it has something to do with the new React 18 root API (ReactDOM.createRoot). When I switch back to ReactDOM.render in the codesandbox then it works as expected.

@thorn0
Copy link

thorn0 commented May 31, 2022

Is this a duplicate of #30414?

@mnajdova
Copy link
Member

Yes, closing as a duplicate

@mnajdova mnajdova added duplicate This issue or pull request already exists and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Jun 10, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@siriwatknp siriwatknp

Labels
bug 🐛 Something doesn't work component: SwipeableDrawer The React component. duplicate This issue or pull request already exists
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
7 participants
@thorn0 @sodenn @mnajdova @siriwatknp @Barmaglote @fioleto @danilo-leal