Skip to content

Stop the dropdown chevron flickering in Firefox (develop) - #238

Merged
mlaetitia merged 1 commit into
developfrom
fix/t51eng-2081-chevron-flicker-develop
Sep 14, 2026
Merged

Stop the dropdown chevron flickering in Firefox (develop)#238
mlaetitia merged 1 commit into
developfrom
fix/t51eng-2081-chevron-flicker-develop

Conversation

@mlaetitia

Copy link
Copy Markdown
Collaborator

Related to T51ENG-2081

Proposed changes

  • Give the dropdown chevron its own compositing layer so it stops flickering while it rotates.

Why are these changes being made?

The chevron is a masked pseudo-element. Firefox does not promote a masked element to its own layer when it transforms, so it repainted the mask on every frame of the rotation, which read as a flicker. Chromium composites it and never showed the problem.

Testing instructions

  • In Firefox, move the pointer across the top-level menu items. The chevrons should rotate smoothly.

🤖 Generated with Claude Code

…the mask mid-rotation

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011rCHPCdbV5C5dDJjEmMDuy
@mlaetitia
mlaetitia merged commit 2b3b10b into develop Sep 14, 2026
5 checks passed
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.

1 participant