Bug 264343

Summary: REGRESSION: 3D CSS elements with a part outside the view are not rendered
Product: WebKit Reporter: Nicolas Jesenberger <nicolas>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: bfulgham, mattwoodrow, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 17   
Hardware: Mac (Apple Silicon)   
OS: macOS 14   
See Also: https://bugs.webkit.org/show_bug.cgi?id=264525
Attachments:
Description Flags
Chrome render
none
Safari render none

Description Nicolas Jesenberger 2023-11-07 09:47:35 PST 
Created attachment 468505 [details]
Chrome render

Create a simple cube in CSS and position it to see inside of it.

Only faces 100% in the view are visible, other faces are not displayed.

Live test: https://codepen.io/nicolasjesenberger/pen/mdvrbGJ/63731cb0976242750f9d429e8ee5652a

When applying a rotation other than zero, faces in the axe are correctly displayed, try uncommenting the line 18 in the live test to try it.

I know faces used to be displayed correctly in Safari < 17.1 as they currently do in other browsers.
Comment 1 Nicolas Jesenberger 2023-11-07 09:48:57 PST 
Created attachment 468506 [details]
Safari render
Comment 2 Alexey Proskuryakov 2023-11-08 08:00:03 PST 
I could reproduce this on an iPhone. Works in iOS 16.7.2, fails in iOS 17.1.
Comment 3 Radar WebKit Bug Importer 2023-11-08 08:00:19 PST 
<rdar://problem/118118893>
Comment 4 Matt Woodrow 2024-04-08 01:03:02 PDT 
This is the same issue as 265309, and will be fixed in a future Safari release.

*** This bug has been marked as a duplicate of bug 265309 ***