NumberField interaction with Popover closing

[kveperedo]

Provide a general summary of the issue here

When typing an input value in a controlled NumberField inside a Popover, the onChange function is not being triggered when clicking outside the Popover.

🤔 Expected Behavior?

NumberField should still trigger the onChange function when clicking outside Popover.

I've read in the documentation that the onChange of NumberField is only triggered on input blur when typing but I'd expect the input blur event to occur first before the onOpenChange event happens for Popover 🤔

😯 Current Behavior

On click outside, the onChange of NumberField is not triggered

💁 Possible Solution

No response

🔦 Context

No response

🖥️ Steps to Reproduce

https://stackblitz.com/edit/vitejs-vite-p7xezyas?file=src%2FApp.tsx

Version

1.12.1

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

macOS

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

[snowystinger]

Thanks for the issue, I'm a little surprised the blur isn't triggering with on pointer down on the underlay. Even removing the inert on the underlay doesn't cause the blur. We must be preventing default on pointer down, likely here

react-spectrum/packages/@react-aria/overlays/src/useOverlay.ts

Line 97 in 661ba8e

e.preventDefault();

You can do something like this to work around it for now https://stackblitz.com/edit/vitejs-vite-auphnmdq?file=src%2FApp.tsx

I know this is not ideal, but we'll need to think of some ideas for how to handle this.

[kveperedo]

Thank you for providing a work around. We'll temporarily use this until the issue is resolved!