Can't scroll past a video with playsinline attribute inside an iframe [Safari iOS 17.0.3]

I'm loading a page inside an iframe. The page contains a video with the playsinline attribute. The video is completely unresponsive to touch events, meaning if it fills up the screen I can't scroll past it, thus breaking the page.

Note the video also has autoplay, loop and muted attributes but these did not cause scrolling issues; only playsinline causes the break.

Myself and another tester are running Safari on an iPhone 14 with iOS 17.0.3 and it's broken for both of us. Confirmed with 2 additional testers there is no issue with iPhones running iOS 16.6.

Test case: https://codepen.io/gem0303/pen/qBgEeaG

Repro steps:

  1. Load in Safari on an iPhone with iOS 17.0.3
  2. Tap and drag on the white background and dummy scrolling text -- works fine.
  3. Tap and drag on the cat video -- scrolling is impossible.

Accepted Reply

Fixed in iOS 17.2!

Replies

This was resolved recently: https://bugs.webkit.org/show_bug.cgi?id=261563

  • How can you tell when Webkit updates are merged into iOS? I updated to iOS 17.1 today and the bug has not been fixed.

Add a Comment

Still broken on iOS 17.1.1.

Still broken on iOS 17.1.2.

Fixed in iOS 17.2!