Bug 125070 – iframe and canvas elements can make sibling elements invisible

• Component: Layout and Rendering
• Status: NEW

[Tim Buschtoens]

This issue turned up in Eclipse RAP where in Safari 7 some widgets would suddenly disappear if placed in a composite together with a Canvas or a Google Maps widget. [1]
I managed to reproduce this outside a RAP application with a google map in an iframe. I will attach it to the bug. In the moment that the google map appears the "Hello World" disappears, but only in Safari 7. I also managed to find a workaround, which is the same as discussed here[2] for another iOs safari issue: Just add "*:not(html) {-webkit-transform: translate3d(0, 0, 0);}" to the head and everything works fine.

[1] https://bugs.eclipse.org/bugs/show_bug.cgi?id=422693
[2] http://stackoverflow.com/questions/9807620/ipad-safari-scrolling-causes-html-elements-to-disappear-and-reappear-with-a-dela

[Tim Buschtoens]

Created attachment 218156 [details]
Bug Demo

[Tim Buschtoens]

Created attachment 218157 [details]
The file loaded in the demo iframe

[Tim Buschtoens]

Download both files (should be named safariiframe.html and text-720580201.html, maybe bugzilla ), place them in the same folder and open safariiframe.html.

[Tim Buschtoens]

This is still a big issue for us:

Bug 428717 - Invisible Elements in RAP Demo with latest WebKit based browsers
https://bugs.eclipse.org/bugs/show_bug.cgi?id=428717

[Tim Buschtoens]

Created attachment 226128 [details]
Standalone HTML using canvas to demonstrate the issue

This is a simpler demonstration of this issue that uses the canvas element only.