📝 Walkthrough

Walkthrough

Adds a new pointerDownOutside utility and exports a PointerDownOutsideOptions interface with an optional scrollable flag. The utility guards overlay dismissal for pointer-down events when the event target is disconnected or when clicks land on scrollbars (if scrollable is true). Components Modal, Drawer, Popover, and Slideover import and wire pointerDownOutside into their content event handlers. Also adds a Nuxt playground modal example that invokes useToast() and a showToast handler to demonstrate toast interactions.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

🚥 Pre-merge checks | ✅ 5 ✅ Passed checks (5 passed)

Check name	Status	Explanation
Title check	✅ Passed	The PR title accurately describes the main change: fixing unexpected modal closure on touch devices when interacting with overlays.
Description check	✅ Passed	The PR description is comprehensive and clearly related to the changeset, explaining the problem, solution, and testing approach.
Linked Issues check	✅ Passed	The code changes comprehensively address all objectives: prevents modal closure when touch targets are disconnected from DOM or belong to other dismissable layers [#5694].
Out of Scope Changes check	✅ Passed	All changes are directly scoped to fixing the touch handling issue: utility function for pointer handling, updates to overlay components (Modal, Drawer, Popover, Slideover), and a playground example.
Docstring Coverage	✅ Passed	Docstring coverage is 100.00% which is sufficient. The required threshold is 80.00%.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}