Bug 262611 - Safari crashes and does not render modern 3D CSS sites
Summary: Safari crashes and does not render modern 3D CSS sites
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 17
Hardware: All All
: P2 Minor
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-10-04 04:52 PDT by Gareth Heyes
Modified: 2023-10-04 13:19 PDT (History)
7 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Gareth Heyes 2023-10-04 04:52:33 PDT 
Safari does not render 3D CSS sites well. The following site:
https://garethheyes.co.uk/

This site works fine in Chrome and Firefox but crashes on mac os and iOS. It’s very glitchy. The site uses Houdini properties and the :has selector with media queries to support browser that do not have the features. Safari shows a black page which I think is because of the fixed positioned divs. If you then navigate with the controls provided it starts to work then often crashes.
Comment 1 John Wilander 2023-10-04 07:08:05 PDT 
Thanks for filing!
Comment 2 Radar WebKit Bug Importer 2023-10-04 07:08:41 PDT 
<rdar://problem/116462435>
Comment 3 Alexey Proskuryakov 2023-10-04 12:03:27 PDT 
I wasn't able to reproduce any crashes on macOS. The page goes black again sometimes (but controls don't disappear).
Comment 4 Ahmad Saleem 2023-10-04 12:17:15 PDT 
I have seems similar looking issue (where half screen is covered with weird black triangle) in Interpolation test case.

I am going to CC - Antoine and Matt - since they fixed some interpolation and transformation related bugs in the past and where I faced this issue was also around it.