227705 2021-07-06 08:24:08 -0700 Missing or Flickering Elements 2021-07-07 07:58:26 -0700 1 1 1 Unclassified WebKit Compositing Safari Technology Preview Unspecified Unspecified RESOLVED DUPLICATE 220892 P2 Normal --- 1 kerryliu webkit-unassigned simon.fraser zalan oldest_to_newest 1774951 0 432933 kerryliu 2021-07-06 08:24:08 -0700 Created attachment 432933 Test case for flickering text In the WordPress Block Editor, we were seeing elements flicker in Safari and the Safari Technology preview 127 in https://github.com/WordPress/gutenberg/issues/30803. I've narrowed this down to a test case, which I've attached. It's also available at https://codepen.io/gwwar/pen/dyWYdmg It should look like https://user-images.githubusercontent.com/1270189/124388676-c0a34f80-dc98-11eb-8987-aa0e6001c10c.mp4 with the bad behavior. It's a little bit of a complex setup, requiring flex styles, an iframe, two fixed divs, and some z-index stacking contexts. We're are able to consistently reproduce this, so I do feel it's worthwhile to report. Let us know if folks have trouble reproducing or if y'all need more information. Thanks! 1774955 1 kerryliu 2021-07-06 08:35:42 -0700 If it helps, there's also a few other videos available at https://github.com/WordPress/gutenberg/pull/32824#issuecomment-873280550 Elements disappear or end up being ordered incorrectly when the iframe in .components-popover intersects with .block-editor-block-list__layout and causes a new compositing layer to be created. 1774998 2 432947 zalan 2021-07-06 11:20:55 -0700 Created attachment 432947 Test reduction 1775040 3 432961 simon.fraser 2021-07-06 12:31:53 -0700 Created attachment 432961 smfr testcase 1775095 4 simon.fraser 2021-07-06 14:39:42 -0700 Same as bug 220892, confirmed that the patch fixes it. *** This bug has been marked as a duplicate of bug 220892 *** 1775266 5 kerryliu 2021-07-07 07:58:26 -0700 Great to know this already had a patch fix! Thanks for looking into it. 432933 2021-07-06 08:24:08 -0700 2021-07-06 08:24:08 -0700 Test case for flickering text full_basecase.html text/html 5386 kerryliu PCFkb2N0eXBlIGh0bWw+CjxodG1sIGNsYXNzPSJ3cC10b29sYmFyIGludGVyZmFjZS1pbnRlcmZh Y2Utc2tlbGV0b25fX2h0bWwtY29udGFpbmVyIiBsYW5nPSJlbi1VUyI+PGhlYWQ+CiAgICA8bWV0 YSBodHRwLWVxdWl2PSJDb250ZW50LVR5cGUiIGNvbnRlbnQ9InRleHQvaHRtbDsgY2hhcnNldD1V VEYtOCI+CiAgICA8bWV0YSBuYW1lPSJhdXRob3IiIGNvbnRlbnQ9Imd3d2FyIj4KICAgIDx0aXRs ZT5GbGlja2VyaW5nIFRleHQgaW4gU2FmYXJpPC90aXRsZT4KICAgIDxzdHlsZT4KICAgICAgICAv KiBnZW5lcmFsICovCiAgICAgICAgaHRtbCwKICAgICAgICBib2R5IHsKICAgICAgICAgICAgaGVp Z2h0OiAxMDAlOwogICAgICAgICAgICBtYXJnaW46IDA7CiAgICAgICAgICAgIHBhZGRpbmc6IDA7 CiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiAtYXBwbGUtc3lzdGVtLCBCbGlua01hY1N5c3RlbUZv bnQsICJTZWdvZSBVSSIsIFJvYm90bywgT3h5Z2VuLVNhbnMsIFVidW50dSwgQ2FudGFyZWxsLCAi SGVsdmV0aWNhIE5ldWUiLCBzYW5zLXNlcmlmOwogICAgICAgICAgICBmb250LXNpemU6IDI0cHg7 CiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxLjRlbTsKICAgICAgICAgICAgbWluLXdpZHRoOiA2 MDBweDsKICAgICAgICB9CiAgICAgICAgaWZyYW1lIHsKICAgICAgICAgICAgYm9yZGVyOiAwOwog ICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICAgICAgICAgIGRpc3BsYXk6IGJsb2Nr OwogICAgICAgIH0KICAgICAgICAvKiBlbmQgZ2VuZXJhbCAqLwogICAgICAgIC5pbnRlcmZhY2Ut aW50ZXJmYWNlLXNrZWxldG9uX19ib2R5IHsKICAgICAgICAgICAgZmxleC1ncm93OiAxOwogICAg ICAgICAgICBkaXNwbGF5OiBmbGV4OwogICAgICAgICAgICBvdmVyZmxvdzogYXV0bzsKICAgICAg ICB9CiAgICAgICAgLmludGVyZmFjZS1pbnRlcmZhY2Utc2tlbGV0b25fX2NvbnRlbnQgewogICAg ICAgICAgICBmbGV4LWdyb3c6IDE7CiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAg ICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgICAgICAgICAgIG92ZXJmbG93OiBhdXRvOwog ICAgICAgICAgICB6LWluZGV4OiAyMDsKICAgICAgICAgICAgaGVpZ2h0OiA5MHZoOwogICAgICAg IH0KICAgICAgICAuZWRpdC1wb3N0LXZpc3VhbC1lZGl0b3IgewogICAgICAgICAgICBwb3NpdGlv bjogcmVsYXRpdmU7CiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAgICAgIGZsZXgt ZmxvdzogY29sdW1uOwogICAgICAgICAgICBmbGV4OiAxIDEgYXV0bzsKICAgICAgICB9CiAgICAg ICAgLmJsb2NrLWVkaXRvci1ibG9jay1saXN0X19pbnNlcnRpb24tcG9pbnQtcG9wb3Zlci5pcy13 aXRob3V0LWFycm93IHsKICAgICAgICAgICAgei1pbmRleDogMjg7CiAgICAgICAgICAgIHBvc2l0 aW9uOiBhYnNvbHV0ZTsKICAgICAgICB9CgogICAgICAgIC53cC1ibG9jay1jb3ZlciB7CiAgICAg ICAgICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDA7CiAgICAgICAgfQogICAgICAgIC53cC1ibG9j ay1jb3ZlciB7CiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgICAgICAgICAgbWlu LWhlaWdodDogNDMwcHg7CiAgICAgICAgICAgIHdpZHRoOiAxMDAlOwogICAgICAgICAgICBkaXNw bGF5OiBmbGV4OwogICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgICAgICAg ICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgICAgICAgICAgcGFkZGluZzogMWVtOwogICAgICAg ICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogICAgICAgIH0KICAgICAgICAud3AtYmxvY2st Y292ZXItaW1hZ2UgLndwLWJsb2NrLWNvdmVyX19pbm5lci1jb250YWluZXIsCiAgICAgICAgLndw LWJsb2NrLWNvdmVyIC53cC1ibG9jay1jb3Zlcl9faW5uZXItY29udGFpbmVyIHsKICAgICAgICAg ICAgd2lkdGg6IDEwMCU7CiAgICAgICAgICAgIHotaW5kZXg6IDE7CiAgICAgICAgICAgIGNvbG9y OiAjZmZmOwogICAgICAgIH0KICAgIDwvc3R5bGU+CiAgICA8bWV0YSBuYW1lPSJ2aWV3cG9ydCIg Y29udGVudD0id2lkdGg9ZGV2aWNlLXdpZHRoLGluaXRpYWwtc2NhbGU9MS4wIj4KPC9oZWFkPgo8 Ym9keT4KICAgIDxkaXYgY2xhc3M9ImludGVyZmFjZS1pbnRlcmZhY2Utc2tlbGV0b25fX2JvZHki PgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJpbnRlcmZhY2UtaW50ZXJmYWNlLXNrZWxldG9uX19j b250ZW50IiByb2xlPSJyZWdpb24iIGFyaWEtbGFiZWw9IkVkaXRvciBjb250ZW50IiB0YWJpbmRl eD0iLTEiPgogICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0iZWRpdC1wb3N0LXZpc3VhbC1lZGl0 b3IiPgogICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImNvbXBvbmVudHMtcG9wb3ZlciBi bG9jay1lZGl0b3ItYmxvY2stbGlzdF9faW5zZXJ0aW9uLXBvaW50LXBvcG92ZXIgaXMtd2l0aG91 dC1hcnJvdyI+CiAgICAgICAgICAgICAgICAgICAgPCEtLSByZXNpemUgbGlzdGVuZXIgZnJvbSBy ZWFjdC1yZXNpemUtYXdhcmUgLS0+CiAgICAgICAgICAgICAgICAgICAgPGlmcmFtZSBzcmM9ImFi b3V0OmJsYW5rIj48L2lmcmFtZT4KICAgICAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICAg ICAgPGRpdiBjbGFzcz0iZWRpdG9yLXN0eWxlcy13cmFwcGVyIj4KICAgICAgICAgICAgICAgICAg ICA8IS0tIFRoZXNlIHBvc2l0aW9uIGZpeGVkIGRpdnMgYWxzbyBjYXVzZSBhIGxhcmdlIGNvbXBv c2l0aW5nIGxheWVyIHRvIGJlIGNyZWF0ZWQuIFBvc2l0aW9uIGZpeGVkIGRpdnMgd2VyZSB1c2Vk IHRvIGhlbHAgY2F0Y2ggZm9jdXMgdG8gcHJldmVudCBzY3JvbGxpbmcgb24gdGFiLiAtLT4KICAg ICAgICAgICAgICAgICAgICA8ZGl2IHRhYmluZGV4PSIwIiBzdHlsZT0icG9zaXRpb246IGZpeGVk OyI+PC9kaXY+CiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0iYmxvY2stZWRpdG9yLXdy aXRpbmctZmxvdyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImJsb2NrLWVk aXRvci1ibG9jay1saXN0X19sYXlvdXQgaXMtcm9vdC1jb250YWluZXIiIGRhdGEtaXMtZHJvcC16 b25lPSJ0cnVlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9IndwLWJs b2NrLWNvdmVyIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJ3 cC1ibG9jay1jb3Zlcl9faW5uZXItY29udGFpbmVyIj4KICAgICAgICAgICAgICAgICAgICAgICAg ICAgICAgICAgICAgPHAgY2xhc3M9IndwLWJsb2NrLXBhcmFncmFwaCI+VGhpcyB0ZXh0IHdpbGwg ZmxpY2tlciBvbiBzY3JvbGwgaW4gU2FmYXJpPC9wPgogICAgICAgICAgICAgICAgICAgICAgICAg ICAgICAgIDwvZGl2PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAg ICAgICAgICAgICAgICAgICAgICA8cD5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2Vj dGV0dXIgYWRpcGlzY2luZyBlbGl0LiBEb25lYyB1bHRyaWNlcywgaXBzdW0gaW4gYWxpcXVldCBm YXVjaWJ1cywgZWxpdCB0b3J0b3IgZWdlc3RhcyBwdXJ1cywgc2l0IGFtZXQgbWFsZXN1YWRhIG9k aW8gdXJuYSBpZCBkaWFtLiBDdXJhYml0dXIgdml0YWUgZWxpdCBuZWMganVzdG8gc29kYWxlcyBi bGFuZGl0LiBQZWxsZW50ZXNxdWUgdGluY2lkdW50IHR1cnBpcyBsZW8sIGF0IHBvcnR0aXRvciBl bGl0IGVnZXN0YXMgc2VkLiBNYWVjZW5hcyBjb25kaW1lbnR1bSB0ZWxsdXMgbGVjdHVzLCBub24g bHVjdHVzIG5pYmggc29kYWxlcyBuZWMuIFBlbGxlbnRlc3F1ZSBhIGRvbG9yIGludGVyZHVtIGxp Z3VsYSBpbXBlcmRpZXQgcHVsdmluYXIgZWdldCBhYyB0b3J0b3IuIFBoYXNlbGx1cyBncmF2aWRh IGxvYm9ydGlzIGZlcm1lbnR1bS4gSW50ZWdlciBjb252YWxsaXMsIHJpc3VzIGlkIHNlbXBlciBi aWJlbmR1bSwgZmVsaXMgZHVpIHJ1dHJ1bSBvZGlvLCB1dCB2ZXN0aWJ1bHVtIGR1aSBlcmF0IGV0 IHZlbGl0LiBOdWxsYW0gdXQgbGlndWxhIHBvcnRhLCBjb25zZWN0ZXR1ciBlc3QgZXUsIGF1Y3Rv ciBhdWd1ZS4gU3VzcGVuZGlzc2UgdmVuZW5hdGlzIHNlZCB0b3J0b3IgYXQgZWxlbWVudHVtLiBT ZWQgZWdldCB0ZWxsdXMgbWkuPC9wPgoKICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwPk5h bSBzZWQgc2FnaXR0aXMgZXN0LCB2aXRhZSBibGFuZGl0IGVuaW0uIFZlc3RpYnVsdW0gdXQgZnJp bmdpbGxhIGFudGUuIE51bGxhIGZyaW5naWxsYSwgZHVpIHV0IGJsYW5kaXQgYmxhbmRpdCwgaXBz dW0gcHVydXMgcG9zdWVyZSB0dXJwaXMsIG5lYyBzYWdpdHRpcyBtaSBleCBhdCBsYWN1cy4gQ3Vy YWJpdHVyIGVzdCBzYXBpZW4sIGludGVyZHVtIHZlbCBtb2xlc3RpZSBpZCwgdnVscHV0YXRlIHNl ZCBsZW8uIEluIHRlbXBvciBpbiBlc3QgbmVjIHRlbXBvci4gTW9yYmkgdGluY2lkdW50IGxlbyBu b24gc29kYWxlcyBydXRydW0uIFZpdmFtdXMgb3JuYXJlIGFudGUgZXQgbWFnbmEgY3Vyc3VzLCB2 aXRhZSBlZmZpY2l0dXIgcHVydXMgYWxpcXVhbS4gTWF1cmlzIGVsaXQgZW5pbSwgY29uZ3VlIGV0 IGVyYXQgaWQsIGNvbmRpbWVudHVtIGltcGVyZGlldCBkdWkuIENsYXNzIGFwdGVudCB0YWNpdGkg c29jaW9zcXUgYWQgbGl0b3JhIHRvcnF1ZW50IHBlciBjb251YmlhIG5vc3RyYSwgcGVyIGluY2Vw dG9zIGhpbWVuYWVvcy4gQ3JhcyBpYWN1bGlzIGV1aXNtb2QgbGFjdXMsIHV0IG1vbGxpcyBleCBt YXR0aXMgdXQuIER1aXMgbGVjdHVzIGxlY3R1cywgaW50ZXJkdW0gaWQgYmliZW5kdW0gbm9uLCB2 b2x1dHBhdCBhdCBmZWxpcy4gRG9uZWMgbWF4aW11cyB1cm5hIHZpdGFlIGV4IGVsZW1lbnR1bSBi aWJlbmR1bSBhYyB1dCBvZGlvLiBQcmFlc2VudCBsdWN0dXMgbGFvcmVldCBqdXN0bywgYSBjdXJz dXMgdGVsbHVzIHNhZ2l0dGlzIGluLiBNYWVjZW5hcyBhYyB1bHRyaWNpZXMgZHVpLCBub24gZXVp c21vZCBkdWkuPC9wPgogICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAg ICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgICAgICAgICA8IS0tIFRoZXNlIHBvc2l0aW9uIGZp eGVkIGRpdnMgYWxzbyBjYXVzZSBhIGxhcmdlIGNvbXBvc2l0aW5nIGxheWVyIHRvIGJlIGNyZWF0 ZWQuIFBvc2l0aW9uIGZpeGVkIGRpdnMgd2VyZSB1c2VkIHRvIGhlbHAgY2F0Y2ggZm9jdXMgdG8g cHJldmVudCBzY3JvbGxpbmcgb24gdGFiLiAtLT4KICAgICAgICAgICAgICAgICAgICA8ZGl2IHRh YmluZGV4PSIwIiBzdHlsZT0icG9zaXRpb246IGZpeGVkOyI+PC9kaXY+CiAgICAgICAgICAgICAg ICA8L2Rpdj4KICAgICAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICA8L2Rpdj4KICAgICAg ICA8L2Rpdj4KICAgIDwvYm9keT4KPC9odG1sPg== 432947 2021-07-06 11:20:55 -0700 2021-07-06 11:20:55 -0700 Test reduction 227705.html text/html 743 zalan PHN0eWxlPgouY29udGFpbmVyIHsKICB6LWluZGV4OiAzOwogIHBvc2l0aW9uOiByZWxhdGl2ZTsK ICBvdmVyZmxvdzogYXV0bzsKICBoZWlnaHQ6IDUwMHB4OwogIHdpZHRoOiA1MDBweDsKfQoKaWZy YW1lIHsKICB6LWluZGV4OiAyOwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKfQoKLmZsaWNrZXItY29u dGFpbmVyIHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgaGVpZ2h0OiA2MDBweDsKICB3aWR0aDog MjAwcHg7CiAgZGlzcGxheTogZmxleDsKICBiYWNrZ3JvdW5kLWNvbG9yOiBncmVlbjsKfQoKLmZs aWNrZXIgewogIHotaW5kZXg6IDE7CiAgYmFja2dyb3VuZC1jb2xvcjogYmx1ZTsKICB3aWR0aDog NTBweDsKICBoZWlnaHQ6IDUwcHg7Cn0KPC9zdHlsZT4KUEFTUyBpZiB0aGUgYmx1ZSBib3ggYXQg dGhlIHRvcCBsZWZ0IGNvcm5lciBvZiB0aGUgZ3JlZW4gZmllbGQgc2hvd3MgdXAgKGFsc28gc2Ny b2xsIHRoZSBjb250ZW50IHNob3VsZCBub3QgbWFrZSBpdCBmbGlja2VyLgo8ZGl2IGNsYXNzPWNv bnRhaW5lcj4KICA8aWZyYW1lIHNyYz0iYWJvdXQ6YmxhbmsiPjwvaWZyYW1lPgogIDxkaXY+CiAg ICA8ZGl2IHN0eWxlPSJwb3NpdGlvbjogZml4ZWQ7Ij48L2Rpdj4KICAgIDxkaXYgY2xhc3M9Zmxp Y2tlci1jb250YWluZXI+CiAgICAgIDxkaXYgY2xhc3M9ZmxpY2tlcj48L2Rpdj4KICAgIDwvZGl2 PgogICAgPGRpdiBzdHlsZT0icG9zaXRpb246IGZpeGVkOyI+PC9kaXY+CiAgPC9kaXY+CjwvZGl2 Pgo= 432961 2021-07-06 12:31:53 -0700 2021-07-06 12:31:53 -0700 smfr testcase fixed-z-order-flicker.html text/html 1137 simon.fraser PHN0eWxlPgogICAgLmNvbnRhaW5lciB7CiAgICAgICAgei1pbmRleDogMzsKICAgICAgICBwb3Np dGlvbjogcmVsYXRpdmU7CiAgICAgICAgb3ZlcmZsb3c6IGF1dG87CiAgICAgICAgaGVpZ2h0OiA1 MDBweDsKICAgICAgICB3aWR0aDogNTAwcHg7CiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgYmxh Y2s7CiAgICB9CgogICAgaWZyYW1lIHsKICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICAg ICAgei1pbmRleDogMjsKICAgICAgICBtYXJnaW46IDIwcHg7CiAgICAgICAgYm9yZGVyOiAycHgg c29saWQgZ3JheTsKICAgIH0KCiAgICAuZmxpY2tlci1jb250YWluZXIgewogICAgICAgIHBvc2l0 aW9uOiByZWxhdGl2ZTsKICAgICAgICBoZWlnaHQ6IDYwMHB4OwogICAgICAgIHdpZHRoOiAyMDBw eDsKICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBncmVlbjsKICAgIH0KCiAgICAuYm94IHsKICAg ICAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICAgICAgei1pbmRleDogMTsKICAgICAgICBiYWNr Z3JvdW5kLWNvbG9yOiBibHVlOwogICAgICAgIHdpZHRoOiAxMDBweDsKICAgICAgICBoZWlnaHQ6 IDEwMHB4OwogICAgfQoKICAgIC5maXhlZCB7CiAgICAgICAgcG9zaXRpb246IGZpeGVkOwogICAg fQoKICAgIC5maXJzdCB7CiAgICAgICAgYm9yZGVyOiA0cHggc29saWQgb3JhbmdlOwogICAgICAg IHdpZHRoOiAxMDAlOwogICAgfQogICAgCiAgICAuc2Vjb25kIHsKICAgICAgICB3aWR0aDogMTBw eDsKICAgICAgICBoZWlnaHQ6IDEwcHg7CiAgICB9Cjwvc3R5bGU+ClBBU1MgaWYgdGhlIGJsdWUg Ym94IGF0IHRoZSB0b3AgbGVmdCBjb3JuZXIgb2YgdGhlIGdyZWVuIGZpZWxkIHNob3dzIHVwIChh bHNvIHNjcm9sbCB0aGUgY29udGVudCBzaG91bGQgbm90IG1ha2UgaXQgZmxpY2tlci4KPGRpdiBj bGFzcz1jb250YWluZXI+CiAgPGlmcmFtZSBzcmM9ImFib3V0OmJsYW5rIj48L2lmcmFtZT4KICA8 ZGl2PgogICAgPGRpdiBjbGFzcz0iZmlyc3QgZml4ZWQiPjwvZGl2PgogICAgPGRpdiBjbGFzcz1m bGlja2VyLWNvbnRhaW5lcj4KICAgICAgPGRpdiBjbGFzcz1ib3g+PC9kaXY+CiAgICA8L2Rpdj4K ICAgIDxkaXYgY2xhc3M9InNlY29uZCBmaXhlZCI+PC9kaXY+CiAgPC9kaXY+CjwvZGl2PgoK