Hi,

first of all thank you for porting Headless UI to Blazor, it's really awesome. I did find the default behavior of dialogs where they close on blur is a bit restrictive.

For example, if I have a form in a slide-over implemented using a dialog, I don't want it to close if the user clicks outside of it as that makes it really easy to unintentionally lose changes. I've kind of solved this by putting the DialogPanel component at the root (e.g. above the backdrop) which works ok but feels a bit hacky.

However, a more difficult problem is if I want to open a nested dialog without closing the previous one. Using the previous example, let's say I want the user to confirm they want to discard any changes they made when clicking Cancel in the slide over form. I'll show a modal dialog prompting them if they want to discard the changes. This works fine, but as soon as they click inside of that modal (e.g. on a "Keep editing" button), the dialog panel of the slide over loses focus and the root dialog closes.

Would it be possible to add an option to disable closing on blur or even better have a way to trigger an event callback on blur. That way, when the user clicks outside of the dialog panel, I could detect it and show the discard changes prompt then close the root dialog based on the user's choice.

Thanks!