From 08def853809d1e69ee6f5b0c39491fef29047589 Mon Sep 17 00:00:00 2001
From: Ivan Ortega Alba <ivanortegaalba@gmail.com>
Date: Wed, 12 Jul 2023 13:29:59 +0200
Subject: [PATCH] [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 699e499cc7d93143a8f005da46d3491c133a3910)
---
 .../app/features/dashboard/components/SubMenu/SubMenu.tsx   | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/public/app/features/dashboard/components/SubMenu/SubMenu.tsx b/public/app/features/dashboard/components/SubMenu/SubMenu.tsx
index 125c8c731aa..77bef092de6 100644
--- a/public/app/features/dashboard/components/SubMenu/SubMenu.tsx
+++ b/public/app/features/dashboard/components/SubMenu/SubMenu.tsx
@@ -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