closeOnClickOutside doesn't seem to work

[bretto36]

Environment Details

• PHP Version: 8.4
• Laravel Version: 12.59
• React or Vue Version: 3.5.3
• Inertia.js Version: 3.0.1
• Inertia Modal Version: 3.0.1

---

Bug Report

Description

I am currently switching from Momentum Modal to your package and i'm unable to get the closeOnClickOutside to work. It appears as though the click listener on the element isn't being hit as there are a couple of divs on top of it.

Close

The <dialog has the event listener on it, but when i click i'm actually clicking on the class=im-modal-positioner instead.

Close via Esc key works and closing using the button. I just can't get the clicking outside to work, either on Slideover or Modal

Steps To Reproduce

Working on a github repo for this.. stay tuned...

Expected Behavior

Clicking outside of the modal should close the view

Actual Behavior

Nothing happens when clicking

I was hoping to be able to use the demos on the Docs site but it just links to a youtube video instead

[bretto36]

@pascalbaljet - So i managed to get the demo app working and i can replicate this on the Demo

When you click on the backdrop - the event target is actually "im-modal-positioner" not the "im-modal-dialog" so the if (event.target === dialogRef.value) { is not valid so it never closes

[bretto36]

Switching to useNativeDialog false works correctly