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

[EuiDataGrid] Fix inconsistent cell header focus when clicking another cell header when a cell header popover is already open #5556

Merged
merged 5 commits into from
Jan 27, 2022

Conversation

cee-chen
Copy link
Member

@cee-chen cee-chen commented Jan 24, 2022

Summary

closes #5352

When a cell header's actions popover is already open, clicking another header cell does not correctly update focus. Note that this bug seems to only occur on webkit browsers (Chrome/Edge/Safari), and does not occur on production on Firefox.

Before

Note how the blue focus ring keeps jumping back to the first cell header.

before

After

Note how the blue focus ring now correctly jumps to the most recently clicked cell header.

after

Checklist

- [ ] Check against all themes for compatibility in both light and dark modes
- [ ] Checked in mobile

  • Checked in Chrome, Safari, Edge, and Firefox

- [ ] Props have proper autodocs and playground toggles
- [ ] Added documentation
- [ ] Checked Code Sandbox works for any docs examples

- [ ] Checked for breaking changes and labeled appropriately

  • Checked for accessibility including keyboard-only and screenreader modes
  • A changelog entry exists and is marked appropriately

- when clicking to another header cell when a cell header popover is already open
@cee-chen
Copy link
Member Author

@breehall Was hoping you had some time this week to review this small datagrid bug - let me know if not!

@cee-chen cee-chen changed the title [EuiDataGrid][Chrome] Fix inconsistent cell header focus when clicking another cell header when a cell header popover is already open [EuiDataGrid] Fix inconsistent cell header focus when clicking another cell header when a cell header popover is already open Jan 24, 2022
@kibanamachine
Copy link

Preview documentation changes for this PR: https://eui.elastic.co/pr_5556/

@kibanamachine
Copy link

Preview documentation changes for this PR: https://eui.elastic.co/pr_5556/

Copy link
Contributor

@breehall breehall left a comment

Choose a reason for hiding this comment

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

This looks good and it's awesome that the solution was a quick fix. I checked this in the PR preview with mouse and keyboard navigation. Thanks Constance!

@cee-chen cee-chen enabled auto-merge (squash) January 26, 2022 23:48
@kibanamachine
Copy link

Preview documentation changes for this PR: https://eui.elastic.co/pr_5556/

@cee-chen cee-chen merged commit dee2a3c into elastic:main Jan 27, 2022
@cee-chen cee-chen deleted the datagrid/5352 branch January 27, 2022 00:40
gdimitropoulos pushed a commit to gdimitropoulos/eui that referenced this pull request Apr 21, 2022
…r cell header when a cell header popover is already open (elastic#5556)

* Fix cell header focus not correctly updating
- when clicking to another header cell when a cell header popover is already open

* Add changelog entry

* Changelog
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.

[EuiDataGrid] [Chrome Only] UI focus is inconsistent on Column Clicking
3 participants