Drawer cannot be re-opened after swiping to dismiss

[shihfu]

After swiping to dismiss, the drawer cannot be re-opened when handling the state manually with the open prop.

See live example

https://codesandbox.io/p/devbox/drawer-without-scale-forked-kt4pt8?file=%2Fapp%2Fmy-drawer.tsx%3A12%2C39&workspaceId=5f8e56d5-8e4d-4048-8649-6e66cd8a5584

[fabiosenracorrea]

Same issue here!

[TasseDeCafe]

Same issue for me.

[TasseDeCafe]

I fixed this by passing this prop: onOpenChange={setIsDrawerOpen}

where:

const [isDrawerOpen, setIsDrawerOpen] = useState(false)

[shihfu]

I fixed this by passing this prop: onOpenChange={setIsDrawerOpen}

where:

const [isDrawerOpen, setIsDrawerOpen] = useState(false)

Can confirm this works. Thank you for sharing the solution @TasseDeCafe

[sikandarchishty]

I fixed this by passing this prop: onOpenChange={setIsDrawerOpen} where: const [isDrawerOpen, setIsDrawerOpen] = useState(false)

Can confirm this works. Thank you for sharing the solution @TasseDeCafe

When doing this, if you have an AlertDialog/Dialog from Radix or Shadcn inside Drawer, adding onOpenChange will close the Drawer but keep AlertDialog/Dialog open when clicked outside.

Alternate approach: add onRelease on Root

onRelease={()=>setIsDrawerOpen(false)} without using onOpenChange on Drawer

[Bitnagar]

I fixed this by passing this prop: onOpenChange={setIsDrawerOpen}

where:

const [isDrawerOpen, setIsDrawerOpen] = useState(false)

Thanks. This worked!