240582 2022-05-18 09:12:28 -0700 REGRESSION (r292400): Animating and focusing a button inside of "overflow: clip" container causes button to disappear 2022-08-18 02:32:07 -0700 1 1 1 Unclassified WebKit Layout and Rendering Safari 15 Unspecified Unspecified RESOLVED CONFIGURATION CHANGED https://bugs.webkit.org/show_bug.cgi?id=236782 InRadar P2 Normal --- 1 ldebeasi webkit-unassigned akeerthi bfulgham graouts koivisto rego simon.fraser webkit-bug-importer zalan oldest_to_newest 1870026 0 459546 ldebeasi 2022-05-18 09:12:28 -0700 Created attachment 459546 Code reproduction Animating and then focusing a button inside of a contain: paint container causes the button to disappear. Steps to reproduce: 1. Open the attached code reproduction in Safari (iOS or macOS). 2. Click the "Show Menu" button. Observe that a button translates in and then disappears. Expected Behavior: I expect the button to remain visible after the animation ends. Actual Behavior: The button disappears after the animation ends. Additional Info: - I can reproduce this on iOS 15.5 and Safari 15.5. - This issue only reproduces when the document direction is RTL. LTR works as expected. - This works as expected on Chrome and Firefox. There are a couple things that fix the issue: - Transforming the button using translateX instead of translate3d - Focusing the button in a requestAnimationFrame 1870037 1 simon.fraser 2022-05-18 09:42:45 -0700 Same as bug 238088? 1870038 2 459547 ldebeasi 2022-05-18 09:50:47 -0700 Created attachment 459547 Code reproduction (with div) This appears to be a different issue. The linked issue notes that the behavior only happens on <button> elements and does not happen on <div> elements. The issue reported here reproduces on both. I attached a new code reproduction showing this. The steps to reproduce are the same. 1870655 3 graouts 2022-05-20 01:33:01 -0700 (In reply to Simon Fraser (smfr) from comment #1) > Same as bug 238088? I don't think so since that bug was fixed in macOS 12.5 but this bug reproduces in this build. 1871739 4 webkit-bug-importer 2022-05-25 09:13:14 -0700 <rdar://problem/93905731> 1873718 5 zalan 2022-06-02 16:12:16 -0700 Changed the title as this bug repros with "overflow: clip". While it regressed at r292400, I think that change just surfaced some old repaint(overflow?) bug here. 1892176 6 koivisto 2022-08-18 02:32:07 -0700 This doesn't repro for me with trunk Webkit or the current iOS/Mac Safari betas. 459546 2022-05-18 09:12:28 -0700 2022-05-18 09:12:28 -0700 Code reproduction index.html text/html 1173 ldebeasi PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIiBkaXI9InJ0bCI+CiAgPGhlYWQ+CiAgICA8 bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICAgIDx0aXRsZT5CdXR0b24gRm9jdXM8L3RpdGxlPgog ICAgPG1ldGEKICAgICAgbmFtZT0idmlld3BvcnQiCiAgICAgIGNvbnRlbnQ9IndpZHRoPWRldmlj ZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAsIG1pbmltdW0tc2NhbGU9MS4wLCBtYXhpbXVtLXNj YWxlPTEuMCwgdXNlci1zY2FsYWJsZT1ubywgdmlld3BvcnQtZml0PWNvdmVyIgogICAgLz4KICAg IDxzdHlsZT4KICAgICAgLm1lbnUgewogICAgICAgIHdpZHRoOiAzMDBweDsKICAgICAgICBoZWln aHQ6IDMwMHB4OwogICAgCiAgICAgICAgY29udGFpbjogcGFpbnQ7CiAgICAgIH0KICAgICAgI215 LWJ1dHRvbiB7CiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtMzAwcHgsIDAsIDApOwog ICAgICB9CiAgICA8L3N0eWxlPgogIDwvaGVhZD4KCiAgPGJvZHk+CiAgICA8ZGl2IGNsYXNzPSJt ZW51Ij4KICAgICAgPGJ1dHRvbiBpZD0ibXktYnV0dG9uIj5NeSBCdXR0b248L2J1dHRvbj4KICAg IDwvZGl2PgogICAgCiAgICA8YnV0dG9uIG9uY2xpY2s9InNob3dNZW51KCkiPlNob3cgTWVudTwv YnV0dG9uPgogICAgCiAgICA8c2NyaXB0PgogICAgCiAgICBjb25zdCBidXR0b24gPSBkb2N1bWVu dC5xdWVyeVNlbGVjdG9yKCcjbXktYnV0dG9uJyk7CiAgICBjb25zdCBtZW51ID0gZG9jdW1lbnQu cXVlcnlTZWxlY3RvcignLm1lbnUnKTsKICAgIGNvbnN0IGlubmVyID0gZG9jdW1lbnQucXVlcnlT ZWxlY3RvcignLmlubmVyJyk7CiAgICAKICAgIGNvbnN0IHNob3dNZW51ID0gKCkgPT4gewogICAg ICBjb25zdCBhbmltYXRpb24gPSBidXR0b24uYW5pbWF0ZShbCiAgICAgICAgeyBvZmZzZXQ6IDAs IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMzAwcHgpJyB9LAogICAgICAgIHsgb2Zmc2V0OiAxLCB0 cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDBweCknIH0KICAgICAgXSwgewogICAgICAgIGR1cmF0aW9u OiA0MDAsCiAgICAgICAgZmlsbDogJ2JvdGgnCiAgICAgIH0pCiAgICAKICAgICAgYW5pbWF0aW9u Lm9uZmluaXNoID0gKCkgPT4gewogICAgICAgIGJ1dHRvbi5mb2N1cygpOwogICAgICB9CiAgICB9 CiAgICA8L3NjcmlwdD4KICA8L2JvZHk+CjwvaHRtbD4K 459547 2022-05-18 09:50:47 -0700 2022-05-18 09:50:47 -0700 Code reproduction (with div) index.html text/html 1174 ldebeasi PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIiBkaXI9InJ0bCI+CiAgPGhlYWQ+CiAgICA8 bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICAgIDx0aXRsZT5EaXYgRm9jdXM8L3RpdGxlPgogICAg PG1ldGEKICAgICAgbmFtZT0idmlld3BvcnQiCiAgICAgIGNvbnRlbnQ9IndpZHRoPWRldmljZS13 aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAsIG1pbmltdW0tc2NhbGU9MS4wLCBtYXhpbXVtLXNjYWxl PTEuMCwgdXNlci1zY2FsYWJsZT1ubywgdmlld3BvcnQtZml0PWNvdmVyIgogICAgLz4KICAgIDxz dHlsZT4KICAgICAgLm1lbnUgewogICAgICAgIHdpZHRoOiAzMDBweDsKICAgICAgICBoZWlnaHQ6 IDMwMHB4OwogICAgCiAgICAgICAgY29udGFpbjogcGFpbnQ7CiAgICAgIH0KICAgICAgI215LWJ1 dHRvbiB7CiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtMzAwcHgsIDAsIDApOwogICAg ICB9CiAgICA8L3N0eWxlPgogIDwvaGVhZD4KCiAgPGJvZHk+CiAgICA8ZGl2IGNsYXNzPSJtZW51 Ij4KICAgICAgPGRpdiB0YWJpbmRleD0iMCIgaWQ9Im15LWJ1dHRvbiI+TXkgRGl2PC9kaXY+CiAg ICA8L2Rpdj4KICAgIAogICAgPGJ1dHRvbiBvbmNsaWNrPSJzaG93TWVudSgpIj5TaG93IE1lbnU8 L2J1dHRvbj4KICAgIAogICAgPHNjcmlwdD4KICAgIAogICAgY29uc3QgYnV0dG9uID0gZG9jdW1l bnQucXVlcnlTZWxlY3RvcignI215LWJ1dHRvbicpOwogICAgY29uc3QgbWVudSA9IGRvY3VtZW50 LnF1ZXJ5U2VsZWN0b3IoJy5tZW51Jyk7CiAgICBjb25zdCBpbm5lciA9IGRvY3VtZW50LnF1ZXJ5 U2VsZWN0b3IoJy5pbm5lcicpOwogICAgCiAgICBjb25zdCBzaG93TWVudSA9ICgpID0+IHsKICAg ICAgY29uc3QgYW5pbWF0aW9uID0gYnV0dG9uLmFuaW1hdGUoWwogICAgICAgIHsgb2Zmc2V0OiAw LCB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDMwMHB4KScgfSwKICAgICAgICB7IG9mZnNldDogMSwg dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwcHgpJyB9CiAgICAgIF0sIHsKICAgICAgICBkdXJhdGlv bjogNDAwLAogICAgICAgIGZpbGw6ICdib3RoJwogICAgICB9KQogICAgCiAgICAgIGFuaW1hdGlv bi5vbmZpbmlzaCA9ICgpID0+IHsKICAgICAgICBidXR0b24uZm9jdXMoKTsKICAgICAgfQogICAg fQogICAgPC9zY3JpcHQ+CiAgPC9ib2R5Pgo8L2h0bWw+Cg==