Edit 5/6/19 3:35pm PDT:
As Petter and Duke point out, this is not a bug. However, if you encounter alignment/responsiveness problems, this may help, especially when you come to Petter and Duke’s explanations and tips.
Original post and identification of solution:
I don’t know if this is considered a bug, but it is extremely odd behavior. Because it is so odd and the cause is by definition invisible, it can eat up a lot of time to resolve if you encounter it.
Here’s my simple scenario:
Responsive page with preset page width: Centered.
One hidden reusable workflow element, i.e. the reusable element is hidden on the page, contains no other elements and exists solely to contain workflows to be used on any page where the element is placed.
The hidden element is its default size of 5X5. It is placed at 0-0 on the page. It touches no other element on the page.
The only other element on the page is a group of fixed width, 20 pixels narrower than the page, It is centered, i.e. 10 pixels from both left and right edges of the page. As a result, it does not touch and does not overlap the invisible element.
Examined in responsive mode, it is clearly intended to be centered.
Nevertheless, the group is pushed to right.
When the hidden element is placed in the upper right corner, again, not touching the large group element, the group element is pushed to the left.
When the hidden element is placed fully underneath the group element, the group is centered as it should be.
So what’s up with this? Is it a bug or is it an oddity that should be clearly documented?