Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Overlapping text #142

Open
topolanekmartin opened this issue Aug 6, 2020 · 0 comments
Open

Overlapping text #142

topolanekmartin opened this issue Aug 6, 2020 · 0 comments

Comments

@topolanekmartin
Copy link

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?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant