Horizontal scrolling doesn't work in ReactVirtualized List

[bdubrovsky]

Hi,

We're implementing a tree using ReactVirtualized List. With each level of indent in the tree, the length of each line in the list gets longer, ultimately requiring a horizontal scroll.

We made the horizontal scrolling work by adding highly specific CSS rules which force overflow: auto on the outer div (classNames= "ReactVirtualized__Grid ReactVirtualized__List"), and by forcing overflow: visible on the inner div (classNames="ReactVirtualized__Grid__innerScrollContainer")

1. Are there any mine fields here we're not seeing?
2. Please feel free to use this approach in any new feature you might add.

Thanks,

Ben Dubrovsky

[asakalou-exadel]

Looking forward for this feature. Need to have horizontal scrolling for zoom in/out content inside the list.

[rmariuzzo]

We are also needing this in a internal tool. How can I help?

[anchmelev]

as a workaround i redefine styles .ReactVirtualized__Grid__innerScrollContainer { overflow: initial !important; }

[mir3z]

as a workaround i redefine styles .ReactVirtualized__Grid__innerScrollContainer { overflow: initial !important; }

Great, but overflow: initial does not work in IE11

[ChristophVitz-ItSonix]

Is there any new development on this issue so far?