Skip to content
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

docs(react-table): Adding stop propagation to focusable elements in DataGrid so that clicking on them does not toggle cell selection #33262

Conversation

khmakoto
Copy link
Member

Previous Behavior

Buttons in the DataGrid focusable elements example were toggling cell selection. The correct thing to show in our docs is probably to have them not toggle this selection.

Before

New Behavior

Buttons in the DataGrid focusable elements example now stop propagation to avoid toggling cell selection and a mention of this has been made in the example description.

After

Related Issue(s)

Copy link

github-actions bot commented Nov 12, 2024

📊 Bundle size report

✅ No changes found

Copy link

Pull request demo site: URL

ling1726 added a commit to ling1726/fluentui that referenced this pull request Nov 20, 2024
Adds stopPropagation to button and button groups in cells to avoid
triggering row selection.

Fixes microsoft#33262
@khmakoto
Copy link
Member Author

Superseded by #33307

@khmakoto khmakoto closed this Nov 21, 2024
@khmakoto khmakoto deleted the docs/react-table/dataGridFocusableElementsStopPropagation branch November 21, 2024 08:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: DataGrid: Clicking on Button in a cell also changes selection
1 participant