Header Size jumping when using hooks #1581
Description
-
Have you already searched for similar issues? Please help us out and double-check first!
-
Also, please don't be that person who deletes this template. It's here for a reason.
-
Thanks!
Which version of React JS are you using?
✅ Officially supported ✅
- v15.4.x
- v15.5.x
- v15.6.x
☣️ Not officially supported, expect warnings and errors ☣️
- v16.8.x
Which browser are you using?
✅ Officially supported ✅
- IE 9 / IE 10 / IE 11
- Edge
- Chrome
- Firefox
- Safari
I'm submitting a ...
- 🐛 Bug Report
- 💡 Feature Request
👋 Need general support? Not sure about how to use React itself, or how to get started with the Grid?
Please do not submit support request here. Instead see
https://github.com/adazzle/react-data-grid/blob/master/CONTRIBUTING.md
Issue Details
Please include:
- What the current behavior is
When resizing columns when DraggableContainer parent component wraps the React Data Grid, the size of the header jumps 20-70px, on click.
- What the desired behvaior is
The header should not resize until the user moves the mouse.
- (If Bug) Steps to reproduce the issue
Wrap the ReactDataGrid with the DraggableContainer, and use React hooks to update the columns.
- (If Feature) The motivation / use case for the feature
We especially love screenshots / videos of problems, and remember
The Best Issue Is A Pull Request™
It's hard to get a screenshot of the issue. It's completely possible that it's our implementation, but going through the values inside of the VSCode debugger, we notice that the size of the window immediately changes inside of the react-data-grid functions themselves.