Skip to content

[EuiDataGrid] Fix cells losing focus state when scrolled out of view#5488

Merged
chandlerprall merged 8 commits intoelastic:mainfrom
cee-chen:datagrid/5047
Dec 28, 2021
Merged

[EuiDataGrid] Fix cells losing focus state when scrolled out of view#5488
chandlerprall merged 8 commits intoelastic:mainfrom
cee-chen:datagrid/5047

Conversation

@cee-chen
Copy link
Contributor

Summary

closes #5047

Before

before

After

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

- will be used by cells to check if they're the currently focused cell
- by mounting with focus state (when cells scroll back into view)
- Remove mountEuiDataGridCellWithContext helper - the context wasn't actually getting used (it was falling back to the default context), and wasn't needed by most tests, and the tests that do need it can manually mount() with <DataGridFocusContext.Provider> as a wrapper
@kibanamachine
Copy link

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

- since the user is presumably already scrolling, there's no need to hijack their current scroll
@kibanamachine
Copy link

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

@kibanamachine
Copy link

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

@chandlerprall chandlerprall self-requested a review December 28, 2021 20:25
Copy link
Contributor

@chandlerprall chandlerprall left a comment

Choose a reason for hiding this comment

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

LGTM! Tested in the preview, and confirmed the added test for { preventScroll: true } will catch regressions

@chandlerprall chandlerprall merged commit 6835c2d into elastic:main Dec 28, 2021
@cee-chen cee-chen deleted the datagrid/5047 branch January 4, 2022 16:21
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.

[EuiDataGrid] Should not lose focus when scrolling

3 participants