Not able to change text selection for input elements inside Modal on iOS

[simply-arjen]

Provide a general summary of the issue here

Adjusting text selection by using the iOS native selection range sliders doesn't work for <input type="text" /> elements that are inside a Modal component.

🤔 Expected Behavior?

• Selection range sliders should work

😯 Current Behavior

• Open the Modal on https://react-spectrum.adobe.com/react-aria/Modal.html on iOS Safari (or Chrome)
• Enter some text in the "First Name" input field
• Select the entered text by double tapping
• Try to use the selection range sliders, they won't move

💁 Possible Solution

I'm guessing there's a touchstart event handler that may be in the way, as stripping all Modal CSS didn't have any effect.

🔦 Context

It's not a major bug, but it's causing some annoyance for people that want to update a value.

🖥️ Steps to Reproduce

This happens in the Modal example on https://react-spectrum.adobe.com/react-aria/Modal.html as well

Version

"react-aria-components": "1.9.0"

What browsers are you seeing the problem on?

Safari

If other, please specify.

No response

What operating system are you using?

iOS 18.5

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

[yihuiliao]

Confirmed that this doesn't work on my iPhone iOS 18

[LFDanLu]

Perhaps may be related to the preventScroll logic