1910093 - www.syncfusion.com - High CPU and memory usage with zoom set to 110% when opening links in new tabs

Status: NEW

(Core :: Performance, defect, P3)

Description

[Calin Tanase]

From github: https://github.com/webcompat/web-bugs/issues/139568.

<!-- @browser: Firefox 128.0 -->
<!-- @ua_header: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:128.0) Gecko/20100101 Firefox/128.0 -->
<!-- @reported_with: unknown -->

URL: https://www.syncfusion.com/javascript-ui-controls

Browser / Version: Firefox 128.0
Operating System: Windows 10
Tested Another Browser: Yes Edge

Problem type: Site is not usable
Description: Page not loading correctly
Steps to Reproduce:
Page is corrupted (blank elements) with 100% cpu and incrementing memory usage. Cannot open Developer Tools. Cannot check memory via about:memory. Change Firefox window size does not update tab content. Sometimes cannot close tab or entire application (sub-processes still working in background).
Problem occur only when Firefox window is maximized to fullscreen and zoom ratio is changed.

Steps to reproduce - start with clean profile:

1. Set Default Zoom in Settings to 110%
2. Maximize Firefox window to fullscreen
3. Open:
   https://www.syncfusion.com/javascript-ui-controls
4. Make sure page zoom is set to 110%
5. Find section: ALL CONTROLS
6. Open in new background tab some links in short time. I click followed links by mouse middle buton: DataGrid, Scheduler, Gantt Chart, Calendar
7. Wait 3 seconds
8. Open each new tab and scroll down in each individual tab
9. Probably one or more tabs will be corrupted
   Check about:processes - some threads has 100% cpu and high memory.

Tested with Firefox 128 (older version too) on Windows 11.
Problem does not occur in Edge i Chrome.
<details>
<summary>View the screenshot</summary>
<img alt="Screenshot" src="https://webcompat.com/uploads/2024/7/0682014b-64a8-47ff-aaf6-caeefd5d5afd.jpeg">
</details>

<details>
<summary>Browser Configuration</summary>
<ul>
<li>None</li>
</ul>
</details>

From webcompat.com with ❤️

Change performed by the Move to Bugzilla add-on.

Comment 1

[Calin Tanase]

Steps to reproduce (simplified):

1. Go to https://www.syncfusion.com/javascript-ui-controls
2. Zoom the page to 110%.
3. Scroll down the page to "ALL CONTROLS" section.
4. Open some links in a new tab (e.g. DataGrid, Charts, Scheduler etc.)
5. Scroll on any of the opened links.
6. Check the CPU/Memory usage in about:processes

Performance profile: https://share.firefox.dev/3SMBofB

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

Since nightly and release are affected, beta will likely be affected too.
For more information, please visit BugBot documentation.

Comment 3

[Mayank Bansal]

Profile suggests time is spent somewhere in layout and style.
cc emilio and dholbert.

Comment 4

[Mayank Bansal]

The page is definitely doing something weird. Definitely something weird going on this : https://www.syncfusion.com/javascript-ui-controls/js-3d-charts
Here is a profile from Nightly: https://share.firefox.dev/4dj27Io
Profile with all threads+ I/O+IPC+memory allocations: https://share.firefox.dev/46kWeYW

Comment 5

[Emilio Cobos Álvarez (:emilio)]

It seems there's a range of viewport sizes that hit some weird condition in their menu code, running the same expensive code over and over. Not sure why it triggers only when zoomed?

Comment 6

[Bas Schouten (:bas.schouten)]

The Performance Impact Calculator has determined this bug's performance impact to be low. If you'd like to request re-triage, you can reset the Performance Impact flag to "?" or needinfo the triage sheriff.

Platforms: [x] Windows [x] macOS [x] Linux [x] Android
Configuration: Specific but common
Resource impact: Severe