fix: Support range sliders in usePreventScroll on iOS

[mattvague]

Closes #9493

✅ Pull Request Checklist:

• Included link to corresponding React Spectrum GitHub Issue.
• Added/updated unit tests and storybook for this change (for new code or code which already has tests).
• Filled out test instructions.
• Updated documentation (if it already exists for this component)
• Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

• Open Storybook and go to usePreventScroll story on iOS device
• Tap "Click Me in safari and then scroll"
• Should be able to drag thumbs of range slider

[mattvague]

I made a quick attempt at writing some iOS specs for usePreventScroll but hit this CSS parsing issue:

I suspect it's an issue with the usage of @layer but not sure

[mattvague]

I also signed the CLA after seeing that failure if someone wants to re-run

[snowystinger]

Thanks for the PR. This is going to be tricky. I went to the story in the testing instructions, and if i vertically drag, starting on the slider, then I can scroll the page, which is not intended.

@devongovett were you ok with that as a potential side effect? It seems uncommon that people wouldn't stumble on it.

I'm a little unclear on when precisely this is an issue. Where is usePreventScroll being used that it's blocking a range input in your application? It shouldn't be a problem if the input is inside a modal which is most of the cases where scrolling is prevented.

[snowystinger]

try to refresh CLA bot

[devongovett]

@snowystinger there are already cases where we cannot prevent scroll such as text selection. This is another edge case we need to allow. I don't think it's possible to be completely perfect unfortunately.