Forms: Field styles broken in the editor e.g. width, gap spacing etc.

[aaronrobertshaw]

Impacted plugin

Jetpack

Quick summary

It appears that #41348 broke field widths within the editor.

Checking out the commit prior to this one, field widths work as expected.

Before (13838d9)	#41348 (fd115d1)

Steps to reproduce

1. Check out trunk
2. Add a contact form to a post
3. Select the name field and assign a 50% width
4. Note the field remains 100% in the editor
5. Apply 50% width to email field as well. Same result.
6. Save post and view on the frontend
7. Note the expected 50% width of the two fields

Site owner impact

Fewer than 20% of the total website/platform users

Severity

Moderate

What other impact(s) does this issue have?

No response

If a workaround is available, please outline it here.

No response

Platform (Simple and/or Atomic)

No response

[aaronrobertshaw]

It also looks like the spacing between fields in the form is now missing too.

The button width changed as well between those two commits but I think that might be how it's supposed to be?

[talldan]

The button isn't supposed to be full width, but there are/were some issues with it prior to this bug.

#41139 is supposed to fix those issues.

I'll work on a fix for this and it should return the button to it's previous broken state instead of it's new broken state 😬 .

[aaronrobertshaw]

#41139 is supposed to fix those issues.

Ah, there was my misunderstanding, I thought that had landed for some reason.

[aaronrobertshaw]

I've removed the reference to the button from the issue title in case it would cause confusion.