Pro 5.x bug: Helper overlays for row / column layout does not respond well to left/right padding on a row

When working with a Row in the Cornerstone editor, usually the helper overlays and dynamic adjustment of the column widths works with no problem, providing the indication of the column gaps and letting you drag to resize.

However, when left / right padding is added to the row element, the helper overlay becomes incorrectly aligned, looking like it is still based on the outer width of the row, rather than compensating for the added padding. This can be seen in the example below. The dotted line indicating the gap between two columns is too far over to the right:

This can be compared to when the left/right padding is removed from the row in the following image:

The shift is not much, as the padding added is only about 1em. A much more pronounced effect can be seen with higher, and unbalanced, padding. For example, 0 left padding and 5em right padding:

It is not a major issue, and generally I would not use left/right padding on a row, but there are cases when it is preferable, and so I came across this slight anomaly.

Cheers

Hey @arthurodb,

I have replicated the issue in my test site so I’ll post this in our issue tracker so this case will be queued to be investigated by our development team. If there’d be a fix or improvement for this, it will be listed out in our Changelog in our Docs.

Stay tuned.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.