Skip to content

Conversation

@ahrefabhi
Copy link
Contributor

@ahrefabhi ahrefabhi commented Jan 9, 2026

Problem

When hovering over points on time-series charts rendered with uPlot, the library changes border-color based on series color. This animation occurs during the composition state where border-color cannot be GPU-accelerated, causing the browser to offload the rendering work to the CPU. This results in:

  • Main thread blocking during hover interactions
  • Janky animations and degraded user experience
  • Potential frame drops, especially on lower-end devices.

📸 Screenshots / Screen Recording (if applicable / mandatory for UI related changes)

Before:

image image

After:

image

--

Closes https://github.com/SigNoz/engineering-pod/issues/3625


Note

Reduces animation overhead by eliminating broad transitions and scoping effects to cheaper properties.

  • Removes global * transition rules and the .no-transition utility from styles.scss
  • Narrows .u-marker transitions from all 0.2s to transform 0.2s in enhanced legend styles (right and bottom variants)
  • Keeps prefers-reduced-motion handling intact

Written by Cursor Bugbot for commit c7c0e9f. This will update automatically on new commits. Configure here.

@ahrefabhi ahrefabhi requested a review from a team as a code owner January 9, 2026 07:07
@github-actions github-actions bot added the bug Something isn't working label Jan 9, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant