125070 2013-12-02 03:11:29 -0800 iframe and canvas elements can make sibling elements invisible 2014-03-07 08:16:27 -0800 1 1 1 Unclassified WebKit Layout and Rendering 528+ (Nightly build) Mac (Intel) OS X 10.9 NEW P2 Normal --- 1 tbuschto webkit-unassigned oldest_to_newest 955314 0 tbuschto 2013-12-02 03:11:29 -0800 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 955316 1 218156 tbuschto 2013-12-02 03:12:41 -0800 Created attachment 218156 Bug Demo 955317 2 218157 tbuschto 2013-12-02 03:13:08 -0800 Created attachment 218157 The file loaded in the demo iframe 955319 3 tbuschto 2013-12-02 03:17:14 -0800 Download both files (should be named safariiframe.html and text-720580201.html, maybe bugzilla ), place them in the same folder and open safariiframe.html. 988164 4 tbuschto 2014-03-07 08:13:25 -0800 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 988166 5 226128 tbuschto 2014-03-07 08:16:27 -0800 Created attachment 226128 Standalone HTML using canvas to demonstrate the issue This is a simpler demonstration of this issue that uses the canvas element only. 218156 2013-12-02 03:12:41 -0800 2013-12-02 03:12:41 -0800 Bug Demo safariiframe.html text/html 931 tbuschto PCFET0NUWVBFIGh0bWwgUFVCTElDICItLy9XM0MvL0RURCBYSFRNTCAxLjAgU3RyaWN0Ly9FTiIK ICAgICJodHRwOi8vd3d3LnczLm9yZy9UUi94aHRtbDEvRFREL3hodG1sMS1zdHJpY3QuZHRkIj4K PGh0bWw+DQogIDxoZWFkPg0KICAgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQogICAgICAvKiAq Om5vdChodG1sKSB7DQogICAgICAgICAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAs IDAsIDApOw0KICAgICAgfSovDQogICAgPC9zdHlsZT4NCiAgPC9oZWFkPg0KICA8Ym9keT4NCiAg ICA8ZGl2IHN0eWxlPSJwb3NpdGlvbjogYWJzb2x1dGU7IG92ZXJmbG93OiBoaWRkZW47IGJhY2tn cm91bmQtY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsgei1pbmRleDogMTAwMDEwOyB3aWR0aDog MTI4MHB4OyBoZWlnaHQ6IDY2MnB4OyAiPg0KCQk8ZGl2IHN0eWxlPSJwb3NpdGlvbjogYWJzb2x1 dGU7IG92ZXJmbG93OiBoaWRkZW47IHotaW5kZXg6IDE7IHdpZHRoOiAxMDA4cHg7IGhlaWdodDog NTI3cHg7IGxlZnQ6IDBweDsgdG9wOiA2MHB4OyI+DQoJCSAgPGRpdiBzdHlsZT0icG9zaXRpb246 IGFic29sdXRlOyB6LWluZGV4OiAyOyAgd2lkdGg6IDY1MnB4OyBoZWlnaHQ6IDUyN3B4OyBsZWZ0 OiAwcHg7IHRvcDogMHB4OyAiPg0KCQkgICAgPGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIx MDAlIiBzcmM9InRleHQtNzIwNTgwMjAxLmh0bWwiIHN0eWxlPSJwb3NpdGlvbjogYWJzb2x1dGU7 IHRvcDogMHB4OyBsZWZ0OiAwcHg7Ij48L2lmcmFtZT4NCgkJICA8L2Rpdj4NCgkJICA8ZGl2IHN0 eWxlPSJwb3NpdGlvbjogYWJzb2x1dGU7IGxlZnQ6IDcxMnB4OyBmb250LXNpemU6NTBweCI+CgkJ ICAgIEhFTExPIFdPUkxEDQoJCSAgPC9kaXY+DQogICAgICAgIDwvZGl2PgogICAgPC9kaXY+DQog IDwvYm9keT4NCjwvaHRtbD4NCg== 218157 2013-12-02 03:13:08 -0800 2013-12-02 03:13:08 -0800 The file loaded in the demo iframe text-720580201.html text/html 919 tbuschto PCFET0NUWVBFIGh0bWwgUFVCTElDICItLy9XM0MvL0RURCBYSFRNTCAxLjAgU3RyaWN0Ly9FTiIK ICAgICJodHRwOi8vd3d3LnczLm9yZy9UUi94aHRtbDEvRFREL3hodG1sMS1zdHJpY3QuZHRkIj4K PGh0bWw+Cgo8aGVhZD4KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJaHRtbCB7IGhlaWdodDog MTAwJSB9Cglib2R5IHsgaGVpZ2h0OiAxMDAlOyBtYXJnaW46IDBweDsgcGFkZGluZzogMHB4IH0K CSNtYXBfY2FudmFzIHsgaGVpZ2h0OiAxMDAlIH0KICA8L3N0eWxlPgogIDxzY3JpcHQgdHlwZT0i dGV4dC9qYXZhc2NyaXB0IiBzcmM9Imh0dHA6Ly9tYXBzLmdvb2dsZS5jb20vbWFwcy9hcGkvanM/ c2Vuc29yPWZhbHNlIiA+PC9zY3JpcHQ+CiAgPHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQi Pgp3aW5kb3cuaW5pdCA9IGZ1bmN0aW9uKCBjZW50ZXIsIHpvb20sIHR5cGUgKSB7CiAgdmFyIHBh cmVudCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCAibWFwX2NhbnZhcyIgKTsKICAgIHZhciBv cHRpb25zID0gewogIAkgIGRpc2FibGVEZWZhdWx0VUkgOiB0cnVlLAogIAkgIGNlbnRlciA6IG5l dyBnb29nbGUubWFwcy5MYXRMbmcoIGNlbnRlclsgMCBdLCBjZW50ZXJbIDEgXSApLAogIAkgIHpv b20gOiB6b29tLAogIAkgIG1hcFR5cGVJZCA6IGdvb2dsZS5tYXBzLk1hcFR5cGVJZFsgdHlwZSBd CiAgICB9OwogICAgd2luZG93LmdtYXAgPSBuZXcgZ29vZ2xlLm1hcHMuTWFwKCBwYXJlbnQsIG9w dGlvbnMgKTsKfTsKCmZ1bmN0aW9uIGdvKCkgewogIGluaXQoIFswLDBdLDIsIlJPQURNQVAiICk7 Cn0KPC9zY3JpcHQ+CjwvaGVhZD4KCjxib2R5IG9ubG9hZD0iZ28oKSI+CiAgPGRpdiBpZD0ibWFw X2NhbnZhcyIgc3R5bGU9IndpZHRoOjEwMCU7aGVpZ2h0OjEwMCUiID48L2Rpdj4KPC9ib2R5Pgo8 L2h0bWw+Cg== 226128 2014-03-07 08:16:27 -0800 2014-03-07 08:16:27 -0800 Standalone HTML using canvas to demonstrate the issue samples3.html text/html 1232 tbuschto PCFET0NUWVBFIEhUTUwgUFVCTElDICItLy9XM0MvL0RURCBIVE1MIDQuMCBUcmFuc2l0aW9uYWwv L0VOIj4KDQo8aHRtbD4KPGhlYWQ+Cg0KICAgIDx0aXRsZT4KQ2FudmFzPC90aXRsZT4KDQogICAg PG1ldGEgaHR0cC1lcXVpdj0iY29udGVudC10eXBlIiBjb250ZW50PSJ0ZXh0L2h0bWw7IGNoYXJz ZXQ9VVRGLTgiPgoNCgk8c2NyaXB0IHR5cGU9InRleHQvamF2YXNjcmlwdCI+Cg0KCSAgZnVuY3Rp b24gZHJhdygpIHsNCgkgICAgd2luZG93LnNldFRpbWVvdXQoIGZ1bmN0aW9uKCl7DQoJICAgIGNv bnQgPSBkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSggImNhbnZhcyIgKVswXS5nZXRDb250 ZXh0KCAiMmQiICk7DQoJCWNvbnQuZmlsbFJlY3QoIDQwLCA0MCwgNDAsIDQwICk7DQoJICB9LCAx MDAwICk7DQoJICB9DQoJPC9zY3JpcHQ+CiANCg0KCSAgDQoNCiAgPGJvZHkgb25sb2FkPSJkcmF3 KCkiID4KDQogIA0KPGRpdiBzdHlsZT0icG9zaXRpb246IGFic29sdXRlOyBiYWNrZ3JvdW5kLWNv bG9yOiAjZmZmZmZmOyBvdmVyZmxvdzogaGlkZGVuOyB6LWluZGV4OiAxO3dpZHRoOiA1MDBweDsg aGVpZ2h0OiA1MDBweDsgbGVmdDogMHB4OyB0b3A6IDBweDsiPgo8IS0tLTxkaXY+LS0tPgo8ZGl2 IHN0eWxlPSJwb3NpdGlvbjogYWJzb2x1dGU7IG92ZXJmbG93OiBoaWRkZW47IHotaW5kZXg6IDE7 IHdpZHRoOiA0MDBweDsgaGVpZ2h0OiA0MDBweDsgbGVmdDogMTBweDsgdG9wOiAxMHB4OyI+Cg0K ICA8ZGl2IHN0eWxlPSJwb3NpdGlvbjogYWJzb2x1dGU7ICB3aWR0aDogNDhweDsgaGVpZ2h0OiA0 OHB4OyBsZWZ0OiAxMHB4OyB0b3A6IDEwcHg7Ij5TaWJsaW5nIGJlZm9yZTwvZGl2PjwhLS0gZGl2 IGlzIG9wdGlvbmFsLS0+CiAgPGRpdiAgc3R5bGU9InBvc2l0aW9uOiBhYnNvbHV0ZTsgd2lkdGg6 IDMwMHB4OyBoZWlnaHQ6IDMwMHB4OyBsZWZ0OiA2MHB4OyB0b3A6IDQwcHg7ICI+DQogICAgPGNh bnZhcyB3aWR0aD0iMjU3IiBoZWlnaHQ9IjI1NyIgc3R5bGU9IndpZHRoOiAyNTc7IGhlaWdodDog MjU3OyI+PC9jYW52YXM+DQogIDwvZGl2Pg0KICA8ZGl2IHN0eWxlPSJwb3NpdGlvbjogYWJzb2x1 dGU7IHdpZHRoOiA0OHB4OyBoZWlnaHQ6IDQ4cHg7IGxlZnQ6IDEwcHg7IHRvcDogMjAwcHg7ICI+ U2libGluZyBhZnRlcjwvZGl2PjwhLS0gZGl2IGlzIG9wdGlvbmFsLS0+DQoKPC9kaXY+DQo8IS0t LTwvZGl2Pi0tLT4KPC9kaXY+CjwvYm9keT4KPC9odG1sPgo=