Bug 265309 - Elements transformed with rotate(90deg) are not visible inside elements set with perspective
Summary: Elements transformed with rotate(90deg) are not visible inside elements set w...
Status: RESOLVED MOVED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 17
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: BrowserCompat, InRadar
: 264343 (view as bug list)
Depends on: 258565
Blocks:
  Show dependency treegraph
 
Reported: 2023-11-24 06:39 PST by Ben Frain
Modified: 2024-04-08 01:03 PDT (History)
8 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Ben Frain 2023-11-24 06:39:40 PST
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.
Comment 1 Karl Dubost 2023-11-27 21:40:51 PST
<rdar://118006067>
Comment 2 Karl Dubost 2023-11-27 21:42:12 PST
This was reported recently also internally.
It's probably a regression
Regressed by https://github.com/WebKit/WebKit/commit/1aa517d47471fdc37ac5b6e2f3809de704ea8ac5
Bug 258565
rdar://111393557
Comment 3 Karl Dubost 2023-11-27 21:45:32 PST
Also as a band aid… and I understand it's not ideal

450deg and 1.25turn both works.
Comment 4 Ben Frain 2023-11-27 23:20:57 PST
For anyone hitting this it is also possible to work around by using rotateY(90.01deg)
Comment 5 Shannon Moeller 2024-01-26 09:12:16 PST
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
Comment 6 bunnyhero 2024-02-10 23:15:51 PST
I also notice the bug goes away if I disable the feature flag "CSS 3D Transform Interoperability" (which is enabled by default).
Comment 7 Karl Dubost 2024-02-12 16:18:44 PST
bunnyhero, 

in which version of Safari did you test?

I just did in STP 188 and this is working.
Comment 8 Karl Dubost 2024-02-12 16:23:11 PST
It is broken in Safari 17.3 indeed. So that should be fixed in a future version.
Comment 9 bunnyhero 2024-02-12 16:25:36 PST
(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.
Comment 10 Ahmad Saleem 2024-02-12 16:33:02 PST
(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).
Comment 11 Karl Dubost 2024-02-12 16:34:59 PST
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.
Comment 12 Ahmad Saleem 2024-02-12 16:35:41 PST
(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?
Comment 13 Karl Dubost 2024-02-12 16:41:08 PST
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.
Comment 14 Matt Woodrow 2024-04-08 01:03:02 PDT
*** Bug 264343 has been marked as a duplicate of this bug. ***