I have a page that, do to the type of data, has a number of elements and groups that are set to fixed width. In the responsive editor, these groups of numbers are all set exactly the same as are all the groups they are in. The problem that I’m experiencing is that ONE of the groups seems to wrap but ONLY when the page width changes…no matter how wide the page is to start with or how small the amount I shrink or grow it.
In the gif below, I’ve stretched my browser out across multiple monitors. The number of pixels is displayed, starting at over 4,000. At this point, there should be no need for any element to wrap, especially one that is not set to allow for wrapping, nor when the width is made larger.
The moment I shorten or grow the screen width the column wraps, even when the amount is as little as a single pixel. After a refresh of the site at the new, smaller or larger screen width, this element shows that it is not wrapped, so the screen size isn’t causing the wrap, just the changing of the screen size causes it.
There are no conditional settings on the individual elements within that group or on that group itself or any parent groups all the way out to the page. Any idea what causes an element to wrap just due to a screen width change?
I apologize for the long wait times between refreshes in the gif, this page has many hidden groups all with loads of data.
Here is the responsive editor settings for the groups shown. The yellow parent group is 144px wide and the x-position is 166. That puts the right side of that group at 310. The green parent group’s x-position is 310. The two groups inside the yellow parent are both 72px wide, and sit at x-positions 0 and 72. As far as I can tell there are no overlapping elements: