Check for duplicates

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

Component

workspace-search's createBtn private helper method

Description

We are using Blockly inside a <form> element (for various reasons), and the existing createBtn function does not set the <button> to be <button type='button'> which means when users click them it erroneously causes a form-submit.

The fix should in theory works on my machine(tm), be as simple as changing the helper function to read something akin to:

  private createBtn(className: string, text: string): HTMLButtonElement {
    // Create the button
    const btn = document.createElement('button');
    Blockly.utils.dom.addClass(btn, className);
    btn.type = "button"; //++added++
    btn.setAttribute('aria-label', text);
    return btn;
  }

Reproduction steps

1. Have a Blockly instance nested within a <form>
2. Have the workspace-search plugin installed in the workspace
3. ctrl-f for something, then hit any of the three buttons (next, prev, exit)
4. Find that your HTML Form is now Submitted :(

Stack trace

Screenshots

No response