Bug 276057 - Browser page crashed when zooming web page
Summary: Browser page crashed when zooming web page
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 18
Hardware: iPhone / iPad iOS 17
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2024-06-30 23:27 PDT by Alex Lazarev
Modified: 2024-08-28 11:07 PDT (History)
7 users (show)

See Also:


Attachments
The archive contains video with bug and an app to reproduce. (32.33 MB, application/zip)
2024-06-30 23:27 PDT, Alex Lazarev
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Alex Lazarev 2024-06-30 23:27:47 PDT
Created attachment 471778 [details]
The archive contains video with bug and an app to reproduce.

Latest iOS/Safari on iPhone 15 Pro Max.

When zooming page for some short time, a browser get crashed and not possible to debug/find the reason.

Steps:
1. open app attached
2. zoom in/out a bit to increase CPU loading
3. see page crashed


https://forum.bryntum.com/viewtopic.php?t=27780&start=70
Comment 1 John Wilander 2024-07-02 11:12:13 PDT
I got confirmation that this is not about an app but about a webpage.
Comment 2 Radar WebKit Bug Importer 2024-07-02 11:12:51 PDT
<rdar://problem/130982413>
Comment 3 John Wilander 2024-07-02 11:17:58 PDT
Thanks for filing! I've pinged the team about this.
Comment 4 Simon Fraser (smfr) 2024-07-02 12:00:33 PDT
I've opened both of the index.html files inside "advanced" in the zip file, but neither loads content.

Please give specific instructions for how to run the attached web content.
Comment 5 Alex Lazarev 2024-07-02 12:19:15 PDT
Sorry. My mistake. 
Please use this command to add NPM repo 

npm config set "@bryntum:registry=https://npm.bryntum.com"

Full guide in case of errors 
https://bryntum.com/products/scheduler/docs/guide/Scheduler/npm-repository 

In attached app folder "advanced", remove package-lock.json file,
in package.json replace the line

"@bryntum/scheduler": "5.6.8"

with 

"@bryntum/scheduler-trial": "5.6.8",

and after that call 

npm i
npm start

Please ping me in case of any questions
Comment 6 John Wilander 2024-07-02 13:58:04 PDT
(In reply to Alex Lazarev from comment #5)
> Sorry. My mistake. 
> Please use this command to add NPM repo 
> 
> npm config set "@bryntum:registry=https://npm.bryntum.com"
> 
> Full guide in case of errors 
> https://bryntum.com/products/scheduler/docs/guide/Scheduler/npm-repository 
> 
> In attached app folder "advanced", remove package-lock.json file,
> in package.json replace the line
> 
> "@bryntum/scheduler": "5.6.8"
> 
> with 
> 
> "@bryntum/scheduler-trial": "5.6.8",
> 
> and after that call 
> 
> npm i
> npm start
> 
> Please ping me in case of any questions

Is it possible for you to set up the repro case on a server instead? WebKit engineers don't typically run Node projects to investigate. Thanks!
Comment 7 Alex Lazarev 2024-07-03 01:44:14 PDT
Please find test case here 

https://dev.bryntum.com/examples/apple-test/

Just verified with iPhone 14 Pro + Safari. 

I zoomed in/out timeline area with gesture few seconds (5-15 secs). Sometimes it breaks the page in 1-2 seconds, sometimes I need to zooming very fast 10 seconds to get it reproduced.
Comment 8 Mats 2024-07-20 08:50:33 PDT
@Simon Fraser - Have you been able to reproduce the crash using the test case we hosted for you?
Comment 9 Simon Fraser (smfr) 2024-07-22 09:47:48 PDT
I have, thank you. Please leave the test page available for further investigation.
Comment 10 John Wilander 2024-08-07 14:21:04 PDT
I'm pinging Ryan who might be able to look at this.
Comment 11 Alex Lazarev 2024-08-12 23:05:46 PDT
Hello! Any news on it guys?
Comment 12 Mats 2024-08-28 02:21:09 PDT
@Simon Fraser Any updates of what might be causing this?
Comment 13 Simon Fraser (smfr) 2024-08-28 11:03:33 PDT
At first glance I think it's the number of layers that get "composited". Use the web inspector Layers tab to view, and keep an eye on the total layer memory use.
Comment 14 Mats 2024-08-28 11:07:53 PDT
Ok, do you mean we should investigate this from the outside? I was under the impression someone on the Webkit team would be looking at this.

Can you please open an internal ticket to add better crash messages that can help us web devs correct the possible "over-layering". The current tab crash message helps exactly no one.