Skip to content

Conversation

@cee-chen
Copy link
Contributor

@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 cee-chen requested a review from breehall January 24, 2022 20:17
@cee-chen cee-chen force-pushed the datagrid/5352 branch 2 times, most recently from f116852 to 2c37ee4 Compare January 24, 2022 20:19
@cee-chen
Copy link
Contributor 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