839 Table focus refactoring (#11629)
# Table Focus Refactoring This pull request implements the table focus refactoring requested in [#839](https://github.com/twentyhq/core-team-issues/issues/839), dissociating hover and focus behaviors in the table component to improve keyboard navigation. ## Technical Implementation - Created separate component states to handle focus and hover independently. - Updated all relevant hooks and functions to use the new focus mechanism. - Removed deprecated states and hooks. - Introduced dedicated portal components to improve the table performance (the table cells are much simpler and the more complex logic is handled via the portals) ## Key Behavior Changes - Performance improvements - Focus is now handled exclusively with keyboard navigation - Clicking on a cell or inline-cell now sets the focus to that cell - Hover state is managed separately from focus, improving user experience and accessibility - The table scrolls when the focused cell changes ## Video https://github.com/user-attachments/assets/9966beac-3b0f-4433-a87a-299506d83353
This commit is contained in:
@ -85,7 +85,7 @@ const InternalTableContextProviders = ({
|
||||
onOpenTableCell: () => {},
|
||||
onActionMenuDropdownOpened: () => {},
|
||||
onMoveFocus: () => {},
|
||||
onMoveSoftFocusToCurrentCell: () => {},
|
||||
onMoveHoverToCurrentCell: () => {},
|
||||
}}
|
||||
>
|
||||
{children}
|
||||
|
||||
Reference in New Issue
Block a user