feat: Make toolbox & flyout properly focusable.

src/navigation_controller.ts

@@ -11,7 +11,6 @@
  */
 
 import './gesture_monkey_patch';
-import './toolbox_monkey_patch';
 
 import * as Blockly from 'blockly/core';
 import {

src/toolbox_monkey_patch.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * Installs a Toolbox-specific monkey-patch. Note that this must be installed
+ * before any Toolboxes are registered for key bindings.
+ */
+export declare function install(): void;
+
+/** Uninstalls the Toolbox-specific monkey-patch. */
+export declare function uninstall(): void;

src/toolbox_monkey_patch.js

@@ -6,7 +6,20 @@
 
 import * as Blockly from 'blockly/core';
 
-Blockly.Toolbox.prototype.onKeyDown_ = function () {
-  // Do nothing since keyboard functionality should be entirely handled by the
-  // keyboard navigation plugin.
+let oldOnKeyDownHandler = null;
+
+export function install() {
+  oldOnKeyDownHandler = Blockly.Toolbox.prototype.onKeyDown_;
+  Blockly.Toolbox.prototype.onKeyDown_ = function () {
+    // Do nothing since keyboard functionality should be entirely handled by the
+    // keyboard navigation plugin.
+  };
+};
+
+export function uninstall() {
+  if (!oldOnKeyDownHandler) {
+    throw new Error("Trying to dispose non-inited monkey patch.");
+  }
+  Blockly.Toolbox.prototype.onKeyDown_ = oldOnKeyDownHandler;
+  oldOnKeyDownHandler = null;
 };

test/index.ts

@@ -22,6 +22,7 @@ import {javascriptGenerator} from 'blockly/javascript';
 // @ts-expect-error No types in js file
 import {load} from './loadTestBlocks';
 import {runCode, registerRunCodeShortcut} from './runCode';
+import * as ToolboxMonkeyPatch from '../src/toolbox_monkey_patch';
 
 /**
  * Parse query params for inject and navigation options and update
@@ -83,6 +84,7 @@ function createWorkspace(): Blockly.WorkspaceSvg {
     renderer,
   };
   const blocklyDiv = document.getElementById('blocklyDiv')!;
+  ToolboxMonkeyPatch.install();
   const workspace = Blockly.inject(blocklyDiv, injectOptions);
 
   const navigationOptions = {