Body background not reset on drawer close

[andrewdoro]

https://github.com/emilkowalski/vaul/blob/25e4999b0afd92b4b47d35a6a56cb16074610ce8/src/index.tsx#L394C1-L395C1
Using 0.8

Steps to reproduce

1. Go to https://vaul.emilkowal.ski/
2. Open drawer and then close it
3. Look at the body tag styles, background is still set to black

[yigityalim]

Yes! This issue needs to be resolved quickly!

[dseiner]

I'm facing the same issue, but it only occurs when I add the "vaul-drawer-wrapper" div.

<div data-vaul-drawer-wrapper="">
{children}
</div>

The problem does not arise when I don't use the scale background feature; then the background color resets upon drawer close. However, I want to use this feature/effect.

As a workaround, I've used:

<div data-vaul-drawer-wrapper="" className="bg-background min-h-[100vh]">
{children}
</div>

This way, the background color remains the default instead of being replaced by black, as injected by the drawer. But still not an optimal solution.

[Mittsuyama]

This works for me:

<Drawer onClose={() => document.body.style.background = ''}>
  {/* ... */}
</Drawer>

[choeqq]

solved it here:
#232

[emilkowalski]

Fixed in #232.