fix(Table): do not set hovered to false when child element is clicked…

… (sort button)
mondaycom · Mar 6, 2024 · 5828ee9 · 5828ee9
1 parent 01209e6
commit 5828ee9
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/core/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss b/packages/core/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss
@@ -42,7 +42,7 @@
         color: var(--primary-text-color);
       }
 
-      &:not(.show):not(:focus):not(:focus-visible) {
+      &:not(.show) {
         opacity: 0;
         pointer-events: none;
       }

diff --git a/packages/core/src/components/Table/TableHeaderCell/TableHeaderCell.tsx b/packages/core/src/components/Table/TableHeaderCell/TableHeaderCell.tsx
@@ -50,7 +50,7 @@ const TableHeaderCell: VibeComponent<ITableHeaderCellProps, HTMLDivElement> = fo
         className={cx(styles.tableHeaderCell, { [styles.sortActive]: isSortActive }, className)}
         data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_HEADER_CELL, id)}
         role="columnheader"
-        onMouseEnter={() => setIsHovered(true)}
+        onMouseOver={() => setIsHovered(true)}
         onMouseLeave={() => setIsHovered(false)}
         onFocus={() => setIsHovered(true)}
         onBlur={() => setIsHovered(false)}