[material-ui][Slider] Webapp exiting fullscreen when dragging the slider in iPads

[muralikrishnana]

Steps to reproduce

Link to live example: https://65fe5550a9ed01a894c38850--gorgeous-pastelito-3de562.netlify.app/

Steps:

1. Open the example in an ipad (chrome or safari) (I tested in 9th and 10th gen ipads)
2. Go fullscreen (using the Go Fullscreen button in the page)
3. Try adjusting the blue slider (The page exits fullscreen abruptly)

Current behavior

The page is exiting fullscreen when we drag the slider. This behaviour is happening only when using @mui/material/slider (tested with shadcn slider and native input[type=range] slider. The green slider in the demo page is the native html range slider.

Expected behavior

The page should stay in fullscreen while and after changing the value using @mui/material/slider just like how the native implementation works.

Context

No response

Your environment

Issue happens in Chrome/Safari of ipad 9th, 10th generations. Not tested in others.
Working fine in macOS/Windows.

Search keywords: ipad, ios, mui slider, fullscreen

[DiegoAndai]

Hey @muralikrishnana, thanks for the report!

I tested this on an iPhone to check if it showed the same behavior, but I get this error as soon as I click "Go fullscreen" or set the Slider:

Is this the error you're getting? May I ask you to provide a screen recording of the error? Thanks!

[github-actions]

Since the issue is missing key information and has been inactive for 7 days, it has been automatically closed. If you wish to see the issue reopened, please provide the missing information.