209376 2020-03-20 23:22:11 -0700 Text content not getting updated in sticky element. 2021-08-25 04:00:14 -0700 1 1 1 Unclassified WebKit CSS Safari 13 All All RESOLVED DUPLICATE 224415 InRadar P2 Normal --- 1 jianbo.wu simon.fraser mrobinson simon.fraser webkit-bug-importer zalan oldest_to_newest 1632444 0 jianbo.wu 2020-03-20 23:22:11 -0700 When updating HTML content and sticky status at the same time in a macrotask/microtask (e.g. setTimeout or Promise.then), the value shown on the screen seems to be stale value. (still 0) Code sandbox: https://codesandbox.io/s/focused-solomon-z3i79 To replicate the issue, open this link in Safari: https://z3i79.csb.app/ (a popped out version of the sandbox above) Observation: - In other browsers, the text content of that sticky footer should be 1. - In safari, it's 0, until user scroll to bottom. 1632561 1 webkit-bug-importer 2020-03-21 18:50:51 -0700 <rdar://problem/60733061> 1632872 2 simon.fraser 2020-03-23 09:44:42 -0700 We're failing to repaint the sticky layer. 1632874 3 simon.fraser 2020-03-23 09:47:41 -0700 Oddly this doesn't happen if https://codesandbox.io/public/sse-hooks/sse-hooks.js is not included, yet this JS isn't necessary for the test. 1632895 4 simon.fraser 2020-03-23 10:08:31 -0700 Actually I can reproduce without the included JS file. It's a bit timing dependent. 1632914 5 394275 simon.fraser 2020-03-23 10:23:14 -0700 Created attachment 394275 Testcase 1632915 6 simon.fraser 2020-03-23 10:23:34 -0700 The repaint we issue in the sticky layer is offset incorrectly. This testcase shows that sometimes the text half-paints. 1632916 7 simon.fraser 2020-03-23 10:26:16 -0700 And the repaint rect is getting offset by layoutDelta(). 1787136 8 mrobinson 2021-08-25 04:00:14 -0700 I have confirmed that r281185 fixed this in the repository. This fix should be available for Safari in the future. *** This bug has been marked as a duplicate of bug 224415 *** 394275 2020-03-23 10:23:14 -0700 2020-03-23 10:23:14 -0700 Testcase sticky-layer-repaint.html text/html 864 simon.fraser PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQi IGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8 c3R5bGU+CiAgICAgICAgI2Zvb3RlciB7CiAgICAgICAgICAgIHBvc2l0aW9uOiBzdGlja3k7CiAg ICAgICAgICAgIGJhY2tncm91bmQ6IGJsdWU7CiAgICAgICAgICAgIGJvdHRvbTogMTIwcHg7CiAg ICAgICAgICAgIGhlaWdodDogNDAwcHg7CiAgICAgICAgICAgIGZvbnQtc2l6ZTogMzAwcHg7CiAg ICAgICAgfQogICAgICAgIC50YWxsIHsKICAgICAgICAgICAgaGVpZ2h0OiAyMDBweDsKICAgICAg ICAgICAgYmFja2dyb3VuZC1jb2xvcjogc2lsdmVyOwogICAgICAgIH0KICAgIDwvc3R5bGU+CiAg PC9oZWFkPgogIDxib2R5PgogICAgPGRpdiBpZD0iZm9vdGVyIj4KICAgICAgMAogICAgPC9kaXY+ CiAgICA8c2NyaXB0PgogICAgICAgIGNvbnN0IHRhbGxFbGVtZW50ID0gZG9jdW1lbnQuY3JlYXRl RWxlbWVudCgiZGl2Iik7CiAgICAgICAgdGFsbEVsZW1lbnQuY2xhc3NOYW1lID0gJ3RhbGwnOwog ICAgICAgIGNvbnN0IGZvb3RlckVsZW1lbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgiZm9v dGVyIik7CiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7CiAgICAgICAgICAgIGRvY3VtZW50LmJv ZHkucHJlcGVuZCh0YWxsRWxlbWVudCk7CiAgICAgICAgICAgIGZvb3RlckVsZW1lbnQuaW5uZXJI VE1MID0gIjEiOwogICAgICAgICAgICAvLyBmb290ZXJFbGVtZW50LnN0eWxlLmJhY2tncm91bmRD b2xvciA9ICdncmVlbic7CiAgICAgICAgfSwgMTAwMCk7CiAgICA8L3NjcmlwdD4KICA8L2JvZHk+ CjwvaHRtbD4K