CODEWITHSUNDEEP
reactjsmaterial-ui
Liv Stan
Liv Stan

Reputation: 429

MUI Swipeable edge drawer - disable drawer opening temporarily on touch

I have implemented the MUI react drawer with a swipeable edge. On mobile, I am seeing two different actions. When I touch the edge, the drawer opens temporarily. When I swipe up on the edge, the drawer opens permanently. I would like to disable the action where the drawer temporarily opens on touch. The reason is that when I swipe up on the edge, the drawer 'flickers' because the two actions are happening at the same time.

Any ideas on how to do this?

To demonstrate this behaviour, I have included the MUI swipeable edge drawer CodeSandbox. The swipe action can be tested by opening inspect tab and toggling the device toolbar.

CodeSandbox

Upvotes: 1

Views: 1063

Answers (1)

Jonathan Weibel
Jonathan Weibel

Reputation: 134

I went through the same issue and found it was solved recently by the MUI team: https://github.com/mui/material-ui/pull/34505

Upvotes: 1

Related Questions