UDrawer ignores :dismissible="false" prop and still closes when interacting outside

[dosstx]

Environment

---

• Operating System: Windows_NT
• Node Version: v20.17.0
• Nuxt Version: 3.16.1
• CLI Version: 3.23.1
• Nitro Version: 2.11.7
• Package Manager: [email protected]
• Builder: -
• User Config: devtools, modules, css, future, compatibilityDate
• Runtime Modules: @nuxt/[email protected], @nuxt/[email protected], @nuxt/[email protected], @vueuse/[email protected], @nuxt/[email protected]
• Build Modules: -

---

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.2

Reproduction

Tried to setup repo, but codesandbox was giving errors and stalling out.

Description

When using the UDrawer component with :dismissible="false" and :modal="false", the drawer still closes when users interact with elements outside the drawer. This prevents users from interacting with the form or other page elements while the drawer is open.

Steps to Reproduce
Create a UDrawer component with :dismissible="false"
Set the drawer to be open
Try to interact with form elements or other content outside the drawer

Additional context

Expected Behavior
According to the documentation at https://ui.nuxt.com/components/drawer#prevent-closing, setting dismissible="false" should prevent the drawer from closing when clicking outside or pressing escape.
Actual Behavior
The drawer still closes when clicking outside, making it impossible to interact with form elements on the page while the drawer is open.

<UDrawer
  v-model:open="showMobileResults"
  direction="bottom"
  :modal="false"
  :handle="false"
  :overlay="false"
  dismissible="false"
  title="Biological Age Results"
  description="View your biological age and longevity estimates"
>
  <!-- Drawer content here -->
</UDrawer>

Logs