Pan on x-axis doesn't work

[sikandarchishty]

Hi, I have a very wide div, basically I am making a Family Hierarchy so it will get as wider as possible. However, for a very wide Div, I cannot pan on x-axis.

CodeSandbox

The only it Pan on X-axis works is if its zoomed-in and then you can pan left and right.

The styles are a bit off here but I guess its irrelevant for this issue.

[amitgaikwad1031996]

+1. Any solutions found so far?

[paolojulian]

Up

[prc5]

Issue is related to the .react-transform-wrapper width. You need to control it with max-width so it will fit in the screen.

Solution:

.react-transform-wrapper {
   max-width: calc(100vw - 80px);
}