Skip to content

[SwipeableDrawer] Flicker on swipe-to-close: drawer reopens mid-animation before closing #48369

@voi99

Description

@voi99

Steps to reproduce

Reproducible on MUI's own documentation site:

  1. Open https://mui.com/material-ui/react-drawer/#swipeable on a mobile device (or Chrome DevTools mobile emulation with touch input)
  2. Open any of the SwipeableDrawer demos
  3. Swipe the drawer down to close it

Current behavior

The close animation flickers. The drawer:

  1. Begins sliding closed (following the swipe gesture)
  2. Snaps back open mid-animation
  3. Then closes again

The visible result is a flicker / double-close effect rather than a single smooth close transition.

Expected behavior

The drawer should close once, with a single smooth animation, when the swipe gesture passes the close threshold - matching the behavior in v7.

Context

No response

Your environment

npx @mui/envinfo
  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: SwipeableDrawer

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions