iron-component-page iframes in Safari

This is generally problematic in Safari <= 9.0.1. A few issues:

iframe content isn't sized automatically so users can't scroll.
Poor UX in mobile iOS
mousewheel event is not triggered inside an iframe in safari <=8 https://github.com/PolymerElements/iron-component-page/pull/48, https://bugs.webkit.org/show_bug.cgi?id=124139
This issue is also present in the catalog https://github.com/Polymer/polymer-element-catalog

Proposed solution:

Open the demos in a new window. (aka target="_blank") That will fix all the issues without adding more complexity.

Jan 04 '16 18:01 blasten

@justinfagnani Please feel free to make this lower priority, but "our demos don't work in Safari" sounds a bit bad.

Feb 02 '16 21:02 notwaldorf

I'm working through reproducing the issues here.

First up: iframe sizing. I'm seeing the sizing problem on initial load in Safari, but after resize, reload, and after some arbitrary amount of time, the iframe resizes and scrolling works. I'm wondering if this is an issue in iron resizable stuff, but have no context. Thoughts?

Feb 16 '16 20:02 justinfagnani

I think I'm getting similar behaviour but in Chrome 48, both from the version of iron-component-page included in generator-polymer's seed component (1.1.4 I think) and freshly-installed 1.1.5 — the iframe is set to height 100%, preventing scrolling. It scrolls perfectly if the iframe's height is set to something like 100vh.

Mar 14 '16 16:03 aendra-rininsland

I dug into this a bit back in April and couldn't nail down a solid reproducible case. Sometimes contents wouldn't scroll, and then on next refresh they would scroll fine.

I'm going to unassign this for now, and we can reassign to myself or someone else once it's prioritized for the time this will take to fix.

Jun 07 '16 20:06 FredKSchott