React-data-grid: ReactDataGrid width does not update correctly

[jEnbuska]

React version v.16.4.2

Browser:

• IE 11
• Chrome

Report type: Bug Report

I'm using Grid beside SideNavigation.

When SideNavigatio opens and closes the Grids width does not update correctly.

1. When SideNavigation has collapsed the Grid:s width does not expand.
2. When SideNavigation is re-expanded Grid:s width expands to size, that it should have been previously and ends up taking too much space.

Example project: https://github.com/jEnbuska/react-data-grid_bug-report

Demonstration screenshots:

• Initial state before Sidebar closed
  

• State after sidebar closed (Grid width does not update)
  

• State after Sidebar reopened (style: flex-basis: 200px), Grid:s width updates to parents old width
  

removing react-grid-Container:s inline width style, from developer tools, fixes the issues (at least partially), but is there a way to prevent this from happening in the first place?

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Please reopen this if you feel it has been incorrectly closed and we will do our best to look into it. Thank you for your contributions.

[tlehtimaki]

I would hope this issue re-opened. The problem is also that the while the examples sidebar is opened after being closed the table will actually grow out of the container.