Allow scrolling a sandbox in Safari

[Haroenv]

When making bigger things, it's useful to be able to scroll. I think somewhere in the styles iframe { overflow: hidden;} is specified, which will disable someone from scrolling through a code sandbox.

An example is: https://codesandbox.io/s/7LD7EJ14r

[CompuIves]

Thanks for reporting this! Hmm, this is strange. I'm able to scroll the iframe (I'm on phone though). What browser are you using?

…

On Thu, Aug 10, 2017, 14:30 Haroen Viaene ***@***.***> wrote: When making bigger things, it's useful to be able to scroll. I think somewhere in the styles iframe { overflow: hidden;} is specified, which will disable someone from scrolling through a code sandbox. An example is: https://codesandbox.io/s/7LD7EJ14r — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#102>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAj1CENg0YPaViS_rkTLT46ap6nOesDmks5sWvf2gaJpZM4OzW4X> .

[Haroenv]

Safari Technology Preview Release 36 (Safari 11.0, WebKit 12604.1.32.0.1), just checked and it's possible to scroll in Chrome

[Haroenv]

Found a workaround, by adding this css inside the <iframe>:

html {
  height: 100%;
}

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

Not exactly sure why it's needed, and where I should add it though

[Haroenv]

I just realised that this is a bug in Safari Technology Preview and will probably be fixed at the next release. It's not present in the main version, and we can also see this bug on codepen. Let's close this as out of scope for now.

[Haroenv]

This magically became fixed a few days ago. 🆒