Form Block: Align right Contact Form button is not displayed properly in editor.

[mashikag]

Impacted plugin

Jetpack

Quick summary

I wish the "Submit" contact form button to be aligned right. When I set the alignment right, its positioned is not affected in the editor, i.e. it still appears left aligned. However, if I save the changes and go to preview my site on the frontend the button is right aligned there.

Steps to reproduce

1. In the block editor add a Form block, and chose the Contact Form pattern.
2. In the block editor, select the submit button block and try to right align it, using the block's settings.

A clear and concise description of what you expected to happen.

Button should become right aligned in the editor, and on the frontend of the site.

What actually happened

Button remains left aligned in the editor, but is actually right aligned on the fronted of the site (when we save with the alignment set to right).

In the editor:

On the frontend:

Impact

All

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

No response

Logs or notes

No response

[ash1eygrace]

I encountered this today in 8599357-zd-a8c

Some notes from my testing today:

• Reproducible on both Atomic and Simple.
• The block's Center and Right alignments are both affected.
• All alignments (Left, Center, and Right) work correctly on the front-end.
• The Center and Right alignments do not work in:
  • Individual page Editor (my site > pages) and Preview ( /?preview_id=6&preview_nonce=123abc7&preview=true )
  • Site Editor Templates ( /wp-admin/site-editor.php?canvas=edit )
• Seems like it's isolated to FSE themes, but I don't have time to test more, for example I tested four themes:
  • Alignment works fine in Editor, Preview and Front-end on themes Hever and Twenty Nineteen
  • Alignment not working in Editor or Preview on Twenty Twenty Four or Assembler

[github-actions[bot]]

Support References

This comment is automatically generated. Please do not edit it.

• [ ] 8599357-zen