UDrawer applies pointer-events: none to body

[schillerenrico]

Description

Hello, I use the UDrawer as following and still get a pointer-events none on the body. I thought "no-body-styles" should prevent it from happening.

    <UDrawer
      :overlay="false"
      v-model:open="openDrawer"
      :dismissible="false"
      :handle="false"
      :no-body-styles="true"
      :ui="{
        content: 'bg-zinc-900',
      }"
    >

And the second thing is getting a warning for missing title. But in my case - I dont need a title

[J-Michalek]

Hi, I think you need to set the modal prop to false to not apply the pointer-events: none style. https://ui.nuxt.com/components/drawer#props

Not sure about the title issue, but this is a warning from RekaUI so if it should be addressed, we would need to do so upstream.

[schillerenrico]

@J-Michalek Thanks a lot! The problem with modal = false is that if I click a button outside the drawer it closes even with :dismissible=false.
https://codesandbox.io/p/devbox/stoic-ganguly-p6jc9y

This pretty much looks like not intended. I really need the drawer to stay open.

And about the reka message - If I remember corretly the same warning was fixed for the modals so I thought nuxt ui just need the visuallyhidden wrapper for the drawer as well if title or description are empty.

[schillerenrico]

alright changing from v-model:open to just :open it works perfect now 😉

So just the reka warning is an issue

// would be nice to have an example like this in the docs where you have the drawer open and you can still interact with the content behind not closing it