265309 2023-11-24 06:39:40 -0800 Elements transformed with rotate(90deg) are not visible inside elements set with perspective 2024-04-08 01:03:02 -0700 1 1 1 Unclassified WebKit CSS Safari 17 Unspecified Unspecified RESOLVED MOVED BrowserCompat, InRadar P2 Normal --- 258565 1 contact webkit-unassigned ahmad.saleem792 bunnyhero karlcow mattwoodrow me nicolas simon.fraser webkit-bug-importer oldest_to_newest 1994644 0 contact 2023-11-24 06:39:40 -0800 Here is a reduction of the issue: https://codepen.io/benfrain/pen/bGzKeGX View in Chrome and Firefox and the 'goal posts' display as expected. In Safari they are invisible. My suspicion is that this has something to do with Safari trying to optimise that an element with `rotateY(90deg)` would ordinarily be invisible (as end on), which isn't the case inside a element with perspective. 1995169 1 karlcow 2023-11-27 21:40:51 -0800 <rdar://118006067> 1995170 2 karlcow 2023-11-27 21:42:12 -0800 This was reported recently also internally. It's probably a regression Regressed by https://github.com/WebKit/WebKit/commit/1aa517d47471fdc37ac5b6e2f3809de704ea8ac5 Bug 258565 rdar://111393557 1995171 3 karlcow 2023-11-27 21:45:32 -0800 Also as a band aid… and I understand it's not ideal 450deg and 1.25turn both works. 1995195 4 contact 2023-11-27 23:20:57 -0800 For anyone hitting this it is also possible to work around by using rotateY(90.01deg) 2007938 5 me 2024-01-26 09:12:16 -0800 I have also experienced this issue. I resolved it by using 89.99999deg. Working pen using 89.99999deg: https://codepen.io/shannonmoeller/pen/MWpWJGB Broken pen using 90deg: https://codepen.io/shannonmoeller/pen/JjzOygP 2012559 6 bunnyhero 2024-02-10 23:15:51 -0800 I also notice the bug goes away if I disable the feature flag "CSS 3D Transform Interoperability" (which is enabled by default). 2012945 7 karlcow 2024-02-12 16:18:44 -0800 bunnyhero, in which version of Safari did you test? I just did in STP 188 and this is working. 2012951 8 karlcow 2024-02-12 16:23:11 -0800 It is broken in Safari 17.3 indeed. So that should be fixed in a future version. 2012953 9 bunnyhero 2024-02-12 16:25:36 -0800 (In reply to Karl Dubost from comment #7) > bunnyhero, > > in which version of Safari did you test? > > I just did in STP 188 and this is working. interesting! i just tried this on STP 188 (Release 188 (Safari 17.4, WebKit 19619.1.2.1.1)) on macOS 14.3.1 and the goal posts at https://codepen.io/benfrain/pen/bGzKeGX are invisible. wonder what's different in our environments. 2012960 10 ahmad.saleem792 2024-02-12 16:33:02 -0800 (In reply to bunnyhero from comment #9) > (In reply to Karl Dubost from comment #7) > > bunnyhero, > > > > in which version of Safari did you test? > > > > I just did in STP 188 and this is working. > > interesting! i just tried this on STP 188 (Release 188 (Safari 17.4, WebKit > 19619.1.2.1.1)) on macOS 14.3.1 and the goal posts at > https://codepen.io/benfrain/pen/bGzKeGX are invisible. wonder what's > different in our environments. Yes, goal posts are missing even WebKit ToT (274497@main). 2012961 11 karlcow 2024-02-12 16:34:59 -0800 Indeed! I tested on STP 188 on Internal version of the OS and this is working but testing on a released macOS 14.3.1 (23D60) on STP 188, it fails. So there is a dependency on the OS. 2012962 12 ahmad.saleem792 2024-02-12 16:35:41 -0800 (In reply to Karl Dubost from comment #11) > Indeed! > I tested on STP 188 on Internal version of the OS and this is working > but testing on a released macOS 14.3.1 (23D60) on STP 188, it fails. > > So there is a dependency on the OS. Should we mark it as 'RESOLVED MOVED' then? 2012964 13 karlcow 2024-02-12 16:41:08 -0800 Yes. I confirmed. There is a dependency on the OS. So the good news is that it will be fixed in a future update. pfew. 2026698 14 mattwoodrow 2024-04-08 01:03:02 -0700 *** Bug 264343 has been marked as a duplicate of this bug. ***