From d9057c010cc48f49f37d85b739f7b83becd04c0c Mon Sep 17 00:00:00 2001
From: Ihor Yeromin <yeryomin.igor@gmail.com>
Date: Wed, 12 Jul 2023 14:14:12 +0200
Subject: [PATCH] A11y: Fix keyboard accessibility in LayerDragDropList
 (#71386)

fix(a11y): drag and drop layer list
---
 public/app/core/components/Layers/LayerDragDropList.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/app/core/components/Layers/LayerDragDropList.tsx b/public/app/core/components/Layers/LayerDragDropList.tsx
index 540faff97e8..ee95549d150 100644
--- a/public/app/core/components/Layers/LayerDragDropList.tsx
+++ b/public/app/core/components/Layers/LayerDragDropList.tsx
@@ -61,14 +61,14 @@ export const LayerDragDropList = <T extends LayerElement>({
                 rows.push(
                   <Draggable key={uid} draggableId={uid} index={rows.length}>
                     {(provided, snapshot) => (
-                      // TODO: fix keyboard a11y
-                      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
                       <div
                         className={getRowStyle(isSelected)}
                         ref={provided.innerRef}
                         {...provided.draggableProps}
                         {...provided.dragHandleProps}
                         onMouseDown={() => onSelect(element)}
+                        role="button"
+                        tabIndex={0}
                       >
                         <LayerName
                           name={uid}