radix-vue / vaul-vue

An unstyled drawer component for Vue.
https://vaul.unovue.com
145 stars 6 forks source link

Pull down to close not working when form is inside the DrawerContent #25

Open BayBreezy opened 4 months ago

BayBreezy commented 4 months ago

Hello again,

I added a little demo of how to use the drawer component here: https://ui-thing.behonbaker.com/components/drawer#usage

I noticed that when I added a form to the DrawerContent, the ability to pull down and close the drawer only happens once.

If I open the drawer a second time without leaving the page(unmounting the component), then the functionality to pull down and close does not work.

Maybe I am doing something wrong?

Elliot-Alexander commented 4 months ago

Hey! Can you try with the latest version and see if the issue still persists? Should hopefully have been solved in the refactor. Otherwise happy to investigate further :D

BayBreezy commented 3 months ago

Hey @Elliot-Alexander ,

Even after updating, I am not seeing where the behaviour changed. i will add another example soon showing it working when the form is not present.

BayBreezy commented 3 months ago

@Elliot-Alexander So on this page: https://ui-thing.behonbaker.com/components/drawer#with-image You see the image can be pulled down multiple times but the form can only be pulled down once. You have to remount the form on for it to work as normal once again. So for the form, you have to switch to the code tab and back.