From 3a8f2bb726369696ce145041ed840f85985128bb Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Tue, 7 Feb 2023 09:25:25 +0000
Subject: [PATCH] Chore: ignore a11y rule since there's a button handling
 keyboard interaction (#62853)

ignore a11y rules since there's a button handling keyboard interaction anyway
---
 .../grafana-ui/src/components/Collapse/CollapsableSection.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/grafana-ui/src/components/Collapse/CollapsableSection.tsx b/packages/grafana-ui/src/components/Collapse/CollapsableSection.tsx
index 49dfb1b5b9a..6d60737b511 100644
--- a/packages/grafana-ui/src/components/Collapse/CollapsableSection.tsx
+++ b/packages/grafana-ui/src/components/Collapse/CollapsableSection.tsx
@@ -54,8 +54,12 @@ export const CollapsableSection = ({
 
   return (
     <>
+      {/* disabling the a11y rules here as the button handles keyboard interactions */}
+      {/* this is just to provide a better experience for mouse users */}
+      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}
       <div onClick={onClick} className={cx(styles.header, className)}>
         <button
+          type="button"
           id={`collapse-button-${id}`}
           className={styles.button}
           onClick={onClick}