From a01a0e752190c6c3241597d27dcc83b05a8d3208 Mon Sep 17 00:00:00 2001
From: Aaron Dodson <aaron.dodson@raspberrypi.org>
Date: Thu, 2 Apr 2026 10:26:48 -0700
Subject: [PATCH] fix: Display focus rings on flyout buttons and labels

---
 packages/blockly/core/css.ts | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/packages/blockly/core/css.ts b/packages/blockly/core/css.ts
index 0384f719f73..aeb0e356aed 100644
--- a/packages/blockly/core/css.ts
+++ b/packages/blockly/core/css.ts
@@ -648,4 +648,15 @@ input[type=number] {
   stroke: var(--blockly-active-node-color);
   stroke-width: var(--blockly-selection-width);
 }
+/* Flyout buttons and labels */
+.blocklyKeyboardNavigation .blocklyFlyout .blocklyFlyoutLabel.blocklyActiveFocus,
+.blocklyKeyboardNavigation .blocklyFlyout .blocklyFlyoutButton.blocklyActiveFocus {
+  outline: none;
+}
+.blocklyKeyboardNavigation .blocklyFlyout .blocklyFlyoutLabel.blocklyActiveFocus > .blocklyFlyoutLabelText,
+.blocklyKeyboardNavigation .blocklyFlyout .blocklyFlyoutButton.blocklyActiveFocus > .blocklyFlyoutButtonBackground {
+  outline-offset: 2px;
+  outline: var(--blockly-selection-width) solid var(--blockly-active-node-color);
+  border-radius: 2px;
+}
 `;