Bug 125070 - iframe and canvas elements can make sibling elements invisible
: iframe and canvas elements can make sibling elements invisible
Status: NEW
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering
: 528+ (Nightly build)
: Macintosh Intel Mac OS X 10.9
: P2 Normal
Assigned To: Nobody
:
Depends on:
Blocks:
  Show dependency treegraph
 
Reported: 2013-12-02 03:11 PST by Tim Buschtoens
Modified: 2014-03-07 08:16 PST (History)
0 users

See Also:


Attachments
Bug Demo (931 bytes, text/html)
2013-12-02 03:12 PST, Tim Buschtoens
no flags Details
The file loaded in the demo iframe (919 bytes, text/html)
2013-12-02 03:13 PST, Tim Buschtoens
no flags Details
Standalone HTML using canvas to demonstrate the issue (1.20 KB, text/html)
2014-03-07 08:16 PST, Tim Buschtoens
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Tim Buschtoens 2013-12-02 03:11:29 PST
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
Comment 1 Tim Buschtoens 2013-12-02 03:12:41 PST
Created attachment 218156 [details]
Bug Demo
Comment 2 Tim Buschtoens 2013-12-02 03:13:08 PST
Created attachment 218157 [details]
The file loaded in the demo iframe
Comment 3 Tim Buschtoens 2013-12-02 03:17:14 PST
Download both files (should be named safariiframe.html and text-720580201.html, maybe bugzilla ), place them in the same folder and open safariiframe.html.
Comment 4 Tim Buschtoens 2014-03-07 08:13:25 PST
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
Comment 5 Tim Buschtoens 2014-03-07 08:16:27 PST
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.