Closed apodacaduron closed 1 month ago
@zernonia Can you transfer this issue to vaul-vue
I think it's related to useBodyScrollLock.ts
composable in radix-vue
This could possibly be root issue from radix-vue
. Will need to look deeper.
Realized that there's some weird stuff happening with the useBodyScrollLock
not acting correctly in Drawer
component. Will look deeper soon
Today i had some time to look into this i don't have much knowledge on the code but it seems like there are 2 instances of useBodyScrollLock
, one created by radix-vue
and another for vaul-vue
, i think this causes the drawer not to be aware of the existing state created by radix components, so basically there's 2 states at the same time. I was thinking a solution could be to check the body styles in the useBodyScrollLock
to reset the body styles if the local state says it is not locked but the body does have the overflow: hidden
tag, but i haven't been able to make this work
Reproduction
https://stackblitz.com/edit/vitejs-vite-jr9eay?file=src%2FApp.vue
Describe the bug
Hello everyone thanks for working on this great package, today i noticed that if you open the drawer using a dropdown menu the scrollbar no longer shows up after you close the drawer. This does not happen using a Sheet component.
Please check the reproduction link, notice that you can scroll, then open the dropdown menu and click Drawer, the scrollbar will display when using the drawer but if you close it, it gets hidden and you cannot do anything since it has no pointer events
System Info
Contributes