Dialog - Closing by clicking Overlay area suppresses onblur events

[bjeld]

Is it intended behaviour that closing a dialog by clicking Overlay area suppresses onblur events?

I have created a sandbox to illustrate my question:
https://codesandbox.io/s/boring-ishizaka-94e4gx?file=/App.js

[benoitgrelard]

Hey @bjeld,

Not sure I would say intended behaviour, but rather a consequence of the dismissal on pointerdown.
Because pointerdown will happen before blur.

You can see the same behaviour in this very basic reproduction without Radix:

https://codesandbox.io/s/unmount-on-pointerdown-skips-blur-yspfp7?file=/src/App.js

[bjeld]

Thanks for the quick answer.

So guess only solution would be to schedule the execution of the dismissal to run after blur.
https://codesandbox.io/s/unmount-on-pointerdown-skips-blur-forked-s4p5xm

[benoitgrelard]

Yes, but that isn't something we are likely to do internally as it has other side-effects with focus management/animation, etc.

[bjeld]

I understand, and Im also not a big fan of adding additional complexity to a codebase.
I believe our issue can be handled by altering the UX, maybe even for the better. Gonna talk to our produkt team about it.

Anyway, Thank you for the clarification and your time.