Grid scrolls back to edited cell when clicking on another cell

This issue has been tracked since 2023-01-24.

Describe the bug

When editing a cell, if you scroll away from the editor and then click on another cell, the grid will scroll back to the edited cell. This can be frustrating and is unexpected behavior compared to e.g. Excel.

To Reproduce

  1. Open https://adazzle.github.io/react-data-grid/#/common-features
  2. Double click to edit a cell, e.g. under "Contact"
  3. Scroll down in the grid and click on a different cell
  4. Notice that the grid scrolls back up and the new cell is not selected.

Expected behavior

The editor should be closed but not steal focus. The clicked cell should gain focus instead and the grid should not scroll.

Environment

  • react-data-grid version: 18.0.0
  • react/react-dom version: 7.0.0-beta.22

Additional context

I see a similar issue (#2943) was closed, but that refers specifically to clicking on contents outside of the grid. So it is unclear if this is expected behavior. If it is expected, I think it should at least be an option as it diverges from expected behavior in other grids.

pwang347 wrote this answer on 2023-01-25

This issue also seems related #2670, possible regression?

kycutler wrote this answer on 2023-01-25

Looks like it regressed in 7.0.0-beta.13, most likely due to #2848

More Details About Repo
Owner Name adazzle
Repo Name react-data-grid
Full Name adazzle/react-data-grid
Language TypeScript
Created Date 2015-03-06
Updated Date 2023-03-23
Star Count 5922
Watcher Count 129
Fork Count 2072
Issue Count 161

YOU MAY BE INTERESTED

Issue Title Created Date Updated Date