Skip to content

FIX: keep backdrop blur on the header only, so the admin and benchmark pages scroll at full frame rate - #92

Merged
Jules-GP merged 1 commit into
DCBIA-OrthoLab:mainfrom
Jules-GP:fix/admin-panel-smooth-scroll
Oct 29, 2026
Merged

Jules-GP merged 1 commit into
DCBIA-OrthoLab:mainfrom
Jules-GP:fix/admin-panel-smooth-scroll

Conversation

@Jules-GP

Copy link
Copy Markdown
Collaborator

Problem

The admin panel stuttered when scrolled: about 20 frames per second, with one frame in eight taking over 50 ms. The server was not the cause: it answers in a few milliseconds, and the page's 2-second redraw takes about 4% of the main thread.

Every card carried backdrop-filter: blur(28px) saturate(180%). While the page scrolls, what lies behind each card changes on every frame, so the browser can no longer just shift textures it has already painted. It reads back, blurs and saturates the whole area under every visible card, on every frame. With a GPU this is cheap. On Chrome in software rendering, common on Linux workstations, the CPU cannot keep up.

Change

  • The cards (.card, #vitals on the admin panel, .card on the benchmark launch page, section, .legend and .arm on the benchmark page) keep their translucent --panel background, but lose the backdrop blur.
  • The header bar keeps its blur, and so do the dialogs, the zoom view and the menus, which are small or fixed.

What shows through the cards is only the ground's wide colour glows, which are already soft, so the look barely changes.

Measured

Headless Chrome, 20 s of continuous scrolling on the admin panel:

median frame frames over 50 ms
before 50 ms (~20 fps) 58
after 16.7 ms (60 fps) 0

The server test suite passes, except test_dev_mounts, which also fails on main with a local tools checkout holding a tool the list does not know.

Copilot AI balanced review requested due to automatic review settings October 29, 2026 17:57

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot was unable to review this pull request because the user who requested the review has insufficient remaining quota.

An organization owner can choose the repository organization as the billing source for reviews requested by members with a paid Copilot license. Learn about Copilot code review billing.

@Jules-GP
Jules-GP merged commit f723a23 into DCBIA-OrthoLab:main Oct 29, 2026
2 checks passed
@Jules-GP
Jules-GP deleted the fix/admin-panel-smooth-scroll branch October 29, 2026 17:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants