244337 2022-08-25 09:55:53 -0700 border-radius changes during CSS transition with opacity change 2023-01-15 12:35:44 -0800 1 1 1 Unclassified WebKit Animations WebKit Nightly Build Unspecified Unspecified RESOLVED CONFIGURATION CHANGED https://bugs.webkit.org/show_bug.cgi?id=140535 https://mattfarley.ca BrowserCompat, InRadar, NeedsReduction P2 Normal --- 1 jonlee webkit-unassigned ahmad.saleem792 dino graouts jonlee554 karlcow simon.fraser webkit-bug-importer oldest_to_newest 1893723 0 jonlee 2022-08-25 09:55:53 -0700 On STP 152 Load https://mattfarley.ca Scroll to "My Recent Work" section Hover over cards The corners toggle between rounded and square corners during the animation. This does not happen in Chrome or Firefox. 1894147 1 ap 2022-08-26 18:21:56 -0700 Same behavior with built-in Safari on macOS 12.5.1 1894378 2 461959 karlcow 2022-08-28 20:08:50 -0700 Created attachment 461959 test case showing the glitch in the transition Confirmed. Here a reduced test case. 1894379 3 karlcow 2022-08-28 20:10:31 -0700 Both Gecko and Blink make the transition without resetting the border-radius. WebKit seems to reset the border-radius at the beginning of the transition, then reapply the border-radius. 1894380 4 webkit-bug-importer 2022-08-28 20:10:41 -0700 <rdar://problem/99259440> 1894385 5 simon.fraser 2022-08-28 20:45:40 -0700 I think this is bug 140535. 1925609 6 ahmad.saleem792 2023-01-14 16:03:40 -0800 I am unable to reproduce this bug in Safari Technology Preview 161 while it is reproducible in Safari 16.2. Marking this as "RESOLVED CONFIGURATION CHANGED". Please reopen, if it is still reproducible. Thanks! 1925703 7 jonlee554 2023-01-15 12:35:44 -0800 Confirmed it doesn't repro in STP 161. 461959 2022-08-28 20:08:50 -0700 2022-08-28 20:08:50 -0700 test case showing the glitch in the transition testcase-border-transition.html text/html 727 karlcow PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJz ZXQ9IlVURi04IiAvPgogICAgPG1ldGEgaHR0cC1lcXVpdj0iWC1VQS1Db21wYXRpYmxlIiBjb250 ZW50PSJJRT1lZGdlIiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRo PWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+Ym9yZGVyLXJh ZGl1cyB0cmFuc2l0aW9uPC90aXRsZT4KICAgIDxzdHlsZT4KICAgICAgZmlndXJlIHsKICAgICAg ICB3aWR0aDogMTAwcHg7CiAgICAgICAgYm9yZGVyLXJhZGl1czogNTBweDsKICAgICAgICBvdmVy ZmxvdzogaGlkZGVuOwogICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJlZDsKICAgICAgfQogICAg ICBmaWdjYXB0aW9uIHsKICAgICAgICB3aWR0aDogMTAwcHg7CiAgICAgICAgaGVpZ2h0OiAxMDBw eDsKICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBncmVlbjsKICAgICAgICBvcGFjaXR5OiAwOwog ICAgICAgIHRyYW5zaXRpb246IDFzIGVhc2UtaW4tb3V0OwogICAgICB9CiAgICAgIGZpZ3VyZTpo b3ZlciBmaWdjYXB0aW9uIHsKICAgICAgICBvcGFjaXR5OiAxOwogICAgICB9CiAgICA8L3N0eWxl PgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxmaWd1cmU+CiAgICAgIDxmaWdjYXB0aW9uPsKgPC9m aWdjYXB0aW9uPgogICAgPC9maWd1cmU+CiAgPC9ib2R5Pgo8L2h0bWw+Cg==