From 4181acec72f76df7ad02badce13769bae4a1f840 Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Wed, 8 Feb 2023 14:29:30 +0000
Subject: [PATCH] A11y: ignore rule since there's a button handling keyboard
 interaction (#62856)

ignore a11y rule since there's a button handling keyboard interaction
---
 .../components/PanelEditor/OptionsPaneCategory.tsx          | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/public/app/features/dashboard/components/PanelEditor/OptionsPaneCategory.tsx b/public/app/features/dashboard/components/PanelEditor/OptionsPaneCategory.tsx
index 426aca0ff5f..0a829b79d22 100644
--- a/public/app/features/dashboard/components/PanelEditor/OptionsPaneCategory.tsx
+++ b/public/app/features/dashboard/components/PanelEditor/OptionsPaneCategory.tsx
@@ -105,8 +105,12 @@ export const OptionsPaneCategory: FC<OptionsPaneCategoryProps> = React.memo(
         aria-label={selectors.components.OptionsGroup.group(id)}
         ref={ref}
       >
-        <div className={headerStyles} onClick={onToggle} aria-label={selectors.components.OptionsGroup.toggle(id)}>
+        {/* disabling a11y rules here because there's a Button that handles keyboard interaction */}
+        {/* this just provides a better experience for mouse users */}
+        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}
+        <div className={headerStyles} onClick={onToggle}>
           <Button
+            aria-label={selectors.components.OptionsGroup.toggle(id)}
             type="button"
             fill="text"
             size="sm"