Stumbled across a super annoying bug in editor x webforms.
This happens whenever I edit the rows/columns, there seems to be a separation of one container from another, it seems it's built using a container within a container and they don't like each other very much.
I have deleted all rows and fields except the title and button, this image shows the weirdness, the outer line shows the actual webform that I specified using pixels, while the inner colour shows the 'container' on top of it, that colour is meant to be the colour of the webform, but as I said, it seems to be built using two containers that hate each other.
It happens when I customise the layout by either adding or removing rows.
Anyone have an answer, it happens on all webforms.
Hey @Nathe! That does seem a little strange. Have you managed to contact our support team yet?
I found a work around.
Instead of adding rows via the Display dropdown in the Inspector, rather use the 'Add New Field' option on the widget when the form is selected and this doesn't affect the Webform Container/s, from there you can edit the sizes of the rows in the Inspector. Anyway, I lost hours of my life trying to figure this shit out, I hope this helps others save time.
Here is another example image of what is happening where I quickly threw together a webform with the layout I want and then made it grey so you can see how it overflows compared to the image above that underflows.