236665 2022-02-15 13:34:13 -0800 incorrect z ordering after an animation 2026-01-12 09:02:28 -0800 1 1 1 Unclassified WebKit Animations WebKit Nightly Build Unspecified Unspecified NEW https://bugs.webkit.org/show_bug.cgi?id=164094 InRadar P2 Normal --- 1 fujii webkit-unassigned bfulgham dino graouts simon.fraser webkit-bug-importer zalan oldest_to_newest 1841915 0 452084 fujii 2022-02-15 13:34:13 -0800 Created attachment 452084 test case I created this test case just by adding step-end to animations/stacking-context-not-fill-forwards.html. Chrome, Firefox: The green box is topmost Safari: The blue box is topmost 1842184 1 graouts 2022-02-16 01:55:55 -0800 If you open the test case with another tab open, then switching to another tab and returning to the test case shows the content in the right state. 1842198 2 graouts 2022-02-16 02:29:59 -0800 The difference here is likely that this animation does not run accelerated (due to using steps-end easing). 1842199 3 graouts 2022-02-16 02:31:18 -0800 We call invalidateStyleAndLayerComposition() when an element's animation completes with acceleration. I expect we fail to do the same in the non-accelerated case. 1842879 4 webkit-bug-importer 2022-02-17 06:55:53 -0800 <rdar://problem/89084254> 452084 2022-02-15 13:34:13 -0800 2022-02-15 13:34:13 -0800 test case stacking-context-not-fill-forwards.html text/html 1469 fujii PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KICAgIDx0aXRsZT5UZXN0cyB0aGF0IGEgbm9u LWZpbGwtZm9yd2FyZHMgYW5pbWF0aW9uIGRvZXNuJ3QgY2F1c2Ugc3RhY2tpbmcgY29udGV4dCBv bmNlIGZpbmlzaGVkLjwvdGl0bGU+CiAgICA8c3R5bGU+CiAgICAgICAgLmJveCB7CiAgICAgICAg ICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgICAgICAgICAgdG9wOiAwOwogICAgICAgICAgICBs ZWZ0OiAwOwogICAgICAgICAgICBoZWlnaHQ6IDEwMHB4OwogICAgICAgICAgICB3aWR0aDogMTAw cHg7CiAgICAgICAgfQogICAgICAgIAogICAgICAgICNhbmltYXRpbmcgewogICAgICAgICAgICBh bmltYXRpb246IG1vdmUgMC4xcyAxIHN0ZXAtZW5kOwogICAgICAgICAgICBiYWNrZ3JvdW5kLWNv bG9yOiBvcmFuZ2U7CiAgICAgICAgfQoKICAgICAgICBAa2V5ZnJhbWVzIG1vdmUgewogICAgICAg ICAgICBmcm9tIHsgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDQwMHB4KTsgfQogICAgICAgICAgICB0 byAgIHsgdHJhbnNmb3JtOiBub25lIH0KICAgICAgICB9CgogICAgICAgIC5iZWhpbmQgewogICAg ICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBibHVlOwogICAgICAgICAgICB0b3A6IDUwcHg7CiAg ICAgICAgICAgIGxlZnQ6IDUwcHg7CiAgICAgICAgICAgIHotaW5kZXg6IDE7CiAgICAgICAgfQoK ICAgICAgICAuZnJvbnQgewogICAgICAgICAgICB0b3A6IDI1cHg7CiAgICAgICAgICAgIGxlZnQ6 IDI1cHg7CiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IGdyZWVuOwogICAgICAgICAgICB6 LWluZGV4OiAyOwogICAgICAgIH0KICAgIDwvc3R5bGU+CiAgICA8c2NyaXB0PgogICAgICAgIGlm ICh3aW5kb3cudGVzdFJ1bm5lcikKICAgICAgICAgICAgdGVzdFJ1bm5lci53YWl0VW50aWxEb25l KCk7CiAgICAgICAgCiAgICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ2xvYWQnLCBmdW5j dGlvbigpIHsKICAgICAgICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2FuaW1hdGluZycp LmFkZEV2ZW50TGlzdGVuZXIoJ2FuaW1hdGlvbmVuZCcsIGZ1bmN0aW9uKCkgewogICAgICAgICAg ICAgICAgLy8gV2FpdCB1bnRpbCBmaWxsaW5nIGZvcndhcmRzLgogICAgICAgICAgICAgICAgd2lu ZG93LnNldFRpbWVvdXQoZnVuY3Rpb24oKSB7CiAgICAgICAgICAgICAgICAgICAgaWYgKHdpbmRv dy50ZXN0UnVubmVyKQogICAgICAgICAgICAgICAgICAgICAgICB0ZXN0UnVubmVyLm5vdGlmeURv bmUoKTsKICAgICAgICAgICAgICAgIH0sIDApOwogICAgICAgICAgICB9KQogICAgICAgIH0sIGZh bHNlKTsKICAgIDwvc2NyaXB0Pgo8L2hlYWQ+Cjxib2R5PgoKPGRpdiBjbGFzcz0iYmVoaW5kIGJv eCI+PC9kaXY+CjxkaXYgaWQ9ImFuaW1hdGluZyIgY2xhc3M9ImJveCI+CiAgICA8ZGl2IGNsYXNz PSJmcm9udCBib3giPjwvZGl2Pgo8L2Rpdj4KCjwvYm9keT4KPC9odG1sPgo=