remove id from blockly search input (#10198)

microsoft · Sep 23, 2024 · ab3a9a1 · ab3a9a1
1 parent 1e22ec7
commit ab3a9a1
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 3 deletions.
diff --git a/theme/toolbox.less b/theme/toolbox.less
@@ -441,7 +441,7 @@ div.blocklyTreeIcon span {
         font-size: 3rem;
     }
     /* Hide the blockly toolbox search */
-    #blocklySearchInput.ui.icon.input {
+    .blocklySearchInput.ui.icon.input {
         input {
             padding-right: 0 !important;
             padding-left: 0.2rem;

diff --git a/webapp/src/blocks.tsx b/webapp/src/blocks.tsx
@@ -1076,7 +1076,7 @@ export class Editor extends toolboxeditor.ToolboxEditor {
                 }
                 this.currFile = file;
                 // Clear the search field if a value exists
-                let searchField = document.getElementById('blocklySearchInputField') as HTMLInputElement;
+                let searchField = document.querySelector("input.blocklySearchInput") as HTMLInputElement;
                 if (searchField && searchField.value) {
                     searchField.value = '';
                 }

diff --git a/webapp/src/toolbox.tsx b/webapp/src/toolbox.tsx
@@ -1092,7 +1092,6 @@ export class ToolboxSearch extends data.Component<ToolboxSearchProps, ToolboxSea
                         onFocus={this.searchImmediate}
                         onKeyDown={this.handleKeyDown}
                         onChange={this.handleChange}
-                        id="blocklySearchInputField"
                         className="blocklySearchInputField"
                         aria-label={lf("Search")}
                         autoComplete="off"