Form Block: Smaller field widths for child blocks causing display issues

[coder-karen]

Impacted plugin

Jetpack

What

On a Jetpack-connected site with a Form block added to a post / page, changing the alignment of two form fields to less than 50% results in those fields being moved onto the same line (both in the editor and front-end). If you change the width of a form field to 25% as an example, and then a paragraph block underneath, that text will display underneath the form field on the back-end, but next to it on the front-end (depending on the amount of text added).

There are two issues here: the first is that the backend display doesn't match the front-end in this case, and the second is that there is no way to ensure the paragraph block (example in this case) stays on the seperate line if that is what is wanted.

One example shown here - this is the editor:

This is the front-end:

This was brought up in internal testing, with some great examples / screenshots: p8oabR-Ym-p2#comment-6743

[ntsekouras]

This doesn't seem to be the case any more. Can someone else retest this?

[coder-karen]

I can't reproduce either, anymore.

[ntsekouras]

Let's close this one for now then.