react-virtualized-tree icon indicating copy to clipboard operation
react-virtualized-tree copied to clipboard

Published 20 hours ago • verified publisher icon diogofcunha

Overlapping text

Open topolanekmartin opened this issue 3 years ago • 0 comments

Hi, I found there is a problem when you toggle expanded text.

The bug occurs only when expanded text is larger than the parent container and is need to add a scrollbar to the container.

Follow these steps to reproduce the bug:

  1. Visit section Nodes With Auto Measure in the demo page (please see https://diogofcunha.github.io/react-virtualized-tree/#/examples/node-measure)
  2. Expand Argentina and all its children
  3. Expand Brazil and all its children
  4. Collapse Argentina
  5. Collapse and expand Brazil

After this, you should see the following bug. obrazek

What I tried and works were setting NodeRenderer CSS attribute with values max-width: calc(100% - 17px). 17px is width of scrollbar. But I feel bad about this because I think it is a little bit hacky and would be a nice check whether is need to apply this style. I mean it would be great not to apply this style every time.

Is there some chance to do it?

topolanekmartin avatar Aug 06 '20 07:08 topolanekmartin