ComboBox's onBlur is not getting triggered for Mobile view

[anusha-ukumar]

Provide a general summary of the issue here

The onBlur event for ComboBox does not trigger in Mobile view but functions as expected in Desktop view.

🤔 Expected Behavior?

The onBlur event gets triggered for both Desktop and Mobile views.

😯 Current Behavior

The onBlur event does not get triggered for Mobile view.

💁 Possible Solution

No response

🔦 Context

No response

🖥️ Steps to Reproduce

1. Use the react-spectrum ComboBox component. Here is an example - https://codesandbox.io/p/sandbox/amazing-gianmarco-h79hfr?file=%2Fsrc%2FApp.js%3A13%2C11
2. Change to mobile view to check if the onBlur event gets triggered.
3. onBlur is not triggered for mobile view.

Version

@adobe/react-spectrum-3.30.0 @react-types/combobox-3.10.0

What browsers are you seeing the problem on?

Chrome

If other, please specify.

See the issue on all browsers

What operating system are you using?

macOS Sonoma - 14.2.1

🧢 Your Company/Team

Adobe - Unified checkout

🕷 Tracking Issue

No response

[snowystinger]

Looks like in MobileComboBox.tsx we need to do something similar to what useComboBox does https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/combobox/src/useComboBox.ts#L181
passed into https://github.com/adobe/react-spectrum/blob/main/packages/%40react-spectrum/combobox/src/MobileComboBox.tsx#L137