[Data Grid] Scrollbar is under table on mobile Safari about mui-x HOT 6 CLOSED

Might be solved by #10059.

from mui-x.

interestingly I wasn't able to reproduce it. @federico-ntr have you by any chance enabled the option for the scrollbars to aways be visible?

from mui-x.

No @DanailH, I have not. The bars are visible only while I scroll, if I stop they disappear after a while. Same thing also on MUI X docs examples.

Can I ask you how you tried to reproduce the issue? It's important to use a iOS device (I actually just reproduced the issue on iPadOS, so I guess it's a problem with WebKit on mobile devices). Chromium DevTools have a mobile view simulator with mobile-looking scrollbars, but it doesn't use WebKit. Safari's Responsive Design Mode shows desktop permanent scrollbars, but they actually warn you in their docs that macOS and iOS/iPadOS behave differently.

from mui-x.

I tested it on an iPhone 12 with IOS 16.7 on Safari.

from mui-x.

I just tested it on an iPhone 14 with iOS 16, just to make sure it's not a iOS 17-specific problem, and I was able to reproduce the issue.

I recorded a video which shows the issue:

Would you mind going to that page and recording the screen while doing the same things I do in the video? So we can see the difference.

PS: I had to reduce the quality to 720p in order to upload it here

from mui-x.

I can reproduce the issue on iOS 17

from mui-x.