Bug 175532 – Can't scroll an iframe, unless its content is explicitly scrollable with css

• Status: RESOLVED
• Resolution: FIXED
• Component: Frames

[Haroen Viaene]

any iframe (codepen.io, codesandbox.io) that overflows its container, can't be scrolled. The only way around, is to add the following to the styling of the frame:

html {
  height: 100%;
}

body {
  height: 100%;
  overflow: auto;
}

This wasn't the case in earlier Safari versions.

[Haroen Viaene]

Safari 11 stable doesn't have this issue, but the newest tech preview still has it

[Haroen Viaene]

Safari Tech Preview Release 44 (Safari 11.1, WebKit 13605.1.13.2) still exhibits this issue

[Haroen Viaene]

This is still only happening in Tech Preview 48, and still not happening in the main version

[Simon Fraser (smfr)]

Can you provide a specific URL that shows this? Does STP 52 show it? Have you enabled any experimental features (like Async Frame Scrolling)?

[Haroen Viaene]

Wow, thanks for making me check those options, I actually _did_ have async frame scrolling enabled, and the scrolling worked as expected again with it disabled. 

See https://codepen.io/Haroenv/pen/pLKBjE for a simple demo showing this.

[Haroen Viaene]

Not sure when, but I can no longer reproduce this