Bug 256430 – [css-transforms-2] ::before pseudo element does not participate in 3d rendering context extended by parent

• Component: CSS
• Status: RESOLVED CONFIGURATION CHANGED

[Johannes Odland]

Created attachment 466262 [details]
Screengrab of the issue

::before and ::after pseudo elements are not included in the 3d rendering context extended by the parent element.



Steps to reproduce: 
1. Open test on https://johannesodland.github.io/browserbugs/2023/safari-3d-rendering-context-pseudo-element-issue.html

Expected result: 
Both borders in the test are drawn in the same position, with the red border hidden behind the green border. 


Actual result: 
The border of the ::before element is not participating in the 3d rendering context, and is not perspective transformed.
The borders of the two elements are drawn in different positions, and both are visible.

[Johannes Odland]

Created attachment 466263 [details]
Expected result

[Ahmad Saleem]

I am not able to reproduce this bug in Safari Technology Preview 169.

Can you try to see if this is reproducible for you in STP169?

[Johannes Odland]

(In reply to Ahmad Saleem from comment #2)
> I am not able to reproduce this bug in Safari Technology Preview 169.
> 
> Can you try to see if this is reproducible for you in STP169?

Tested on TP169 now. The issue seems to be resolved.

[Ahmad Saleem]

(In reply to Johannes Odland from comment #3)
> (In reply to Ahmad Saleem from comment #2)
> > I am not able to reproduce this bug in Safari Technology Preview 169.
> > 
> > Can you try to see if this is reproducible for you in STP169?
> 
> Tested on TP169 now. The issue seems to be resolved.

Thanks for confirming. Marking this as "RESOLVED CONFIGURATION CHANGED", when it will land in Safari release version, I don't have any information. :-)