microsoft / microsoft/pxt-microbit

Hover mouse causes workspace context menu all items to jitter with high contrast is on

Open
#6,356 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

help wanted High Contrast P2 theme
Dominant language
TypeScript
Stars
804
Forks
721
Avg merge
2d 9h
Merged PRs (30d)
2

Description

Describe the bug
When high contrast mode is enabled, hovering mouse causes workspace context menu all items to jitter.

Steps to reproduce the behavior:

  1. Navigate to https://makecode.microbit.org/beta
  2. Click on SettingsThemeHigh Contrast
  3. Create a new project and right click workspace
  4. Hover mouse on the context menu all items and observe

Actual behavior
Hover mouse causes workspace context menu all items to jitter with high contrast is on.

Expected behavior
Hover mouse won't cause workspace context menu all items to jitter when high contrast is on.

Screen recording
Image

Additional context
1.OS: Windows 11 24H2
2.Browser: Chrome, Firefox, Edge
3.makecode.microbit.org version: 7.1.43
4.Microsoft MakeCode version: 11.4.29

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start at the Settings → Theme → High Contrast entry point on makecode.microbit.org, then inspect the workspace context menu and its hover behavior. Reproduce the jitter in the listed browsers and compare the menu's high-contrast hover rendering; done means all context-menu items remain stable while hovered.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.