Opening the colour picker causes the picker to have a thicker orange outline

[sappm01]

Check for duplicates

• I have searched for similar issues before opening a new one.

Description

Opening the colour picker causes the picker to have a thicker orange outline. I think it should stay the same.
Ben: unsure how to fix, but need to investigate. Thicker border may mean this is a selection, not an active focus case.

Reproduction steps

Stack trace

Screenshots

No response

Browsers

No response

[maribethb]

I'm not sure if this bug is referring to this behavior or not but here's what I see:

1. Put a block on the workspace that has a color picker (like set background color to)
2. Open the color picker
3. While the color picker is open, the block has passive focus and has the dashed outline
4. When you pick a color and the picker closes, the block now has both active and passive focus and you can see both styles applied simultaneously, causing a thicker line

[maribethb]

This also happens to other usages of the dropdown div as well, such as dropdown fields.

[maribethb]

Try reproducing this today -- might be an issue with shadow blocks, might be an issue with the dropdown div

[BenHenning]

I'm curious how this bug's behavior changes with RaspberryPiFoundation/blockly-keyboard-experimentation#511 or if it's changed at all.

Edit: see RaspberryPiFoundation/blockly-keyboard-experimentation#511 (comment).

[BenHenning]

This has been fixed, probably in RaspberryPiFoundation/blockly-keyboard-experimentation#511. See demonstration video for both mouse & keyboard cases (using @maribethb's repro steps above):

Screen.recording.2025-05-29.12.41.01.PM.webm