Skip to content

Feature(react-table): Allow Left arrow to focus back to row in composite navigation #34984

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

adamsamec
Copy link
Contributor

Description of changes

This PR modifies the useTableCompositeNavigation hook so that pressing the Left arrow key when on the first focusable element within a row moves keyboard focus back to the row. This is so that the keyboard behavior is consistent with the behavior of the List and TreeGrid components.

@adamsamec adamsamec requested a review from a team as a code owner August 6, 2025 14:42
Copy link

github-actions bot commented Aug 6, 2025

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-components
react-components: entire library
1.274 MB
320.945 kB
1.274 MB
320.96 kB
58 B
15 B
react-table
DataGrid
161.217 kB
45.579 kB
161.275 kB
45.589 kB
58 B
10 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
68.79 kB
19.902 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
235.646 kB
68.18 kB
react-components
react-components: FluentProvider & webLightTheme
43.624 kB
14.255 kB
react-portal-compat
PortalCompatProvider
8.386 kB
2.624 kB
react-table
Table (Primitives only)
41.978 kB
13.573 kB
react-table
Table as DataGrid
131.476 kB
36.341 kB
react-table
Table (Selection only)
69.846 kB
19.704 kB
react-table
Table (Sort only)
68.489 kB
19.321 kB
react-timepicker-compat
TimePicker
109.04 kB
36.059 kB
🤖 This report was generated against 0f52f83d113fc1e2698ff29d4ee73bb4ba3ee89e

Copy link

github-actions bot commented Aug 6, 2025

Pull request demo site: URL

@@ -1,6 +1,6 @@
import * as React from 'react';
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵🏾‍♀️ visual changes to review in the Visual Change Report

vr-tests-react-components/Charts-DonutChart 3 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Charts-DonutChart.Dynamic - Dark Mode.default.chromium.png 12635 Changed
vr-tests-react-components/Charts-DonutChart.Dynamic - RTL.default.chromium.png 30793 Changed
vr-tests-react-components/Charts-DonutChart.Dynamic.default.chromium.png 27053 Changed
vr-tests-react-components/Positioning 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Positioning.Positioning end.chromium.png 901 Changed
vr-tests-react-components/Positioning.Positioning end.updated 2 times.chromium.png 739 Changed
vr-tests-react-components/TagPicker 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/TagPicker.disabled.chromium.png 678 Changed

There were 1 duplicate changes discarded. Check the build logs for more information.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant