[v10.0.x] Variables: Page refreshes hitting enter to select a variable value (#71360)

Variables: Page refreshes hitting enter to select a variable value (#70996) (cherry picked from commit 699e499cc7)
2023-07-12 13:29:59 +02:00
parent 899d6a5caa
commit 08def85380
1 changed files with 5 additions and 1 deletions
@@ -42,6 +42,10 @@ class SubMenuUnConnected extends PureComponent<Props> {
    this.forceUpdate();
  };

+  disableSubmitOnEnter = (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+  };
+
  render() {
    const { dashboard, variables, links, annotations } = this.props;

@@ -53,7 +57,7 @@ class SubMenuUnConnected extends PureComponent<Props> {

    return (
      <div className="submenu-controls">
-        <form aria-label="Template variables" className={styles}>
+        <form aria-label="Template variables" className={styles} onSubmit={this.disableSubmitOnEnter}>
          <SubMenuItems variables={variables} readOnly={readOnlyVariables} />
        </form>
        <Annotations