You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This only has a noticeable effect if the drawer has a swipeable edge (Docs).
Leaving "disableDiscovery" as false means that when you hold click on the drawer (requires mobile touch emulation for touchstart), the drawer pops up a bit, which is correct.
Setting "disableDiscovery" to true, however, means that the drawer dips down a bit when you start holding the drawer, instead of staying still.
GIF showcase: https://imgur.com/a/q4MNvG6
Expected behavior 🤔
Setting "disableDiscovery" to true should mean that the drawer should not move until the user starts to drag the drawer.
Steps to reproduce 🕹
Steps:
Requires mobile touch emulation (can just use chrome / firefox mobile mode in dev tools)
Add "disableDiscovery={true}" to the SwipeableDrawer component
Click on drawer, and it dips down.
Context 🔦
I'm trying to get the drawer not to move, until the user starts moving.
I have tracked the cause to this line in SwipeableDrawer.js: (disableDiscovery ? 15 : -DRAG_STARTED_SIGNAL),
This means that when disableDiscovery is true, the drawer dips down 15px on touchstart.
I assume it's 15 due to reasons related for when a drawer doesn't have a swipeable edge. I think this should just be a prop, something like "discoverAmount", where you can set the DRAG_STARTED_SIGNAL to a number for both up and down sides, or [number,number] for separate up and down amounts.
Your environment 🌎
`npx @mui/envinfo`
Don't forget to mention which browser you used.
Output from `npx @mui/envinfo` goes here.
The text was updated successfully, but these errors were encountered:
Duplicates
Latest version
Current behavior 😯
This only has a noticeable effect if the drawer has a swipeable edge (Docs).
Leaving "disableDiscovery" as false means that when you hold click on the drawer (requires mobile touch emulation for touchstart), the drawer pops up a bit, which is correct.
Setting "disableDiscovery" to true, however, means that the drawer dips down a bit when you start holding the drawer, instead of staying still.
GIF showcase: https://imgur.com/a/q4MNvG6
Expected behavior 🤔
Setting "disableDiscovery" to true should mean that the drawer should not move until the user starts to drag the drawer.
Steps to reproduce 🕹
Steps:
Requires mobile touch emulation (can just use chrome / firefox mobile mode in dev tools)
Context 🔦
I'm trying to get the drawer not to move, until the user starts moving.
I have tracked the cause to this line in SwipeableDrawer.js:
(disableDiscovery ? 15 : -DRAG_STARTED_SIGNAL),
This means that when disableDiscovery is true, the drawer dips down 15px on touchstart.
I assume it's 15 due to reasons related for when a drawer doesn't have a swipeable edge. I think this should just be a prop, something like "discoverAmount", where you can set the DRAG_STARTED_SIGNAL to a number for both up and down sides, or [number,number] for separate up and down amounts.
Your environment 🌎
`npx @mui/envinfo`
The text was updated successfully, but these errors were encountered: