refactor: add dragging hint only on non-entered header cell

- prevents duplicate SR output in entering the cell
elastic · Sep 16, 2024 · c63545a · c63545a
1 parent 46b8699
commit c63545a
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/packages/eui/src/components/datagrid/body/cell/focus_utils.tsx b/packages/eui/src/components/datagrid/body/cell/focus_utils.tsx
@@ -104,17 +104,21 @@ export const FocusTrappedChildren: FunctionComponent<
 
     cellEl.setAttribute(
       'aria-describedby',
-      classNames(sortingId, ariaDescribedById, currentAriaDescribedbyId)
+      classNames(
+        sortingId,
+        ariaDescribedById,
+        !isCellEntered && currentAriaDescribedbyId
+      )
     );
 
     return () => {
       if (currentAriaDescribedbyId) {
-        cellEl.setAttribute('aria-descibedby', currentAriaDescribedbyId);
+        cellEl.setAttribute('aria-describedby', currentAriaDescribedbyId);
       } else {
         cellEl.removeAttribute('aria-describedby');
       }
     };
-  }, [cellEl, ariaDescribedById]);
+  }, [cellEl, ariaDescribedById, isCellEntered]);
 
   useEffect(() => {
     if (isCellEntered) {