🔗 Linked issue

Resolves #4985

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Drawer bug related closing by clicking on interactive elements like: input, switch etc when it's non-dismissible, based on the https://ui.nuxt.com/docs/components/drawer#with-interactive-background example

When dismissible: false, overlay: false, and modal: false, the drawer shouldn't allow interaction with background elements without closing unexpectedly.

Before Fix (Bug Behavior)

1. Open drawer with dismissible: false, modal: false, overlay: false
2. Click on background elements (buttons, inputs, selects, switches)
3. ❌ Drawer closes unexpectedly

After Fix (Expected Behavior)

1. Open drawer with dismissible: false, modal: false, overlay: false
2. Click on background elements (buttons, inputs, selects, switches)
3. Drawer remains open, background elements work normally
4. Close button inside drawer works correctly
5. Programmatic closing still functions

Probably root cause

The vaul-vue library has click-outside detection that triggers dismissal even when dismissible: false in certain configurations. The DrawerContent component receives pointer events from outside clicks that cause unwanted closure.

Solution (Event prevention)

Following the same pattern used in Modal.vue, Slideover.vue, and Popover.vue components:

1. Event Handler Prevention: When dismissible: false, prevent specific outside interaction events on DrawerContent
2. Targeted Prevention: Only prevent pointerDownOutside events to allow internal interactions
3. Preserve Internal Functionality: Allow close buttons, programmatic closing, and all internal interactions

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.