Impacted plugin

Jetpack

Quick summary

Only fields that are immediate children of a form will correctly share sync'd style attributes regardless of opt-in to the feature.

Steps to reproduce

1. Add a form to a post
2. Add some additional fields and nest them within a container block e.g. Group, Row, Stack, Columns etc.
3. Ensure all the form fields have "Sync fields style" toggled on
4. Try styling one of the nested fields, notw that only the top-level, immediate form child fields, will update. The nested field that has opted into the shared style misses out.
5. Switch to the field that missed out, adjust its styles and note the same result.
6. Adjust styles on a top level form field and note no nested fields get updated.

<!-- wp:jetpack/contact-form {"style":{"spacing":{"padding":{"top":"16px","right":"16px","bottom":"16px","left":"16px"}}}} -->
<div class="wp-block-jetpack-contact-form" style="padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px"><!-- wp:jetpack/field-name {"required":true} /-->

<!-- wp:jetpack/field-email {"required":true} /-->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:jetpack/field-name {"required":true,"width":50} /-->

<!-- wp:jetpack/field-email {"required":true,"width":50} /--></div>
<!-- /wp:group -->

<!-- wp:jetpack/field-textarea {"label":"Message"} /-->

<!-- wp:jetpack/button {"element":"button","text":"Contact Us","lock":{"remove":true}} /--></div>
<!-- /wp:jetpack/contact-form -->

Site owner impact

Fewer than 20% of the total website/platform users

Severity

Minor

What other impact(s) does this issue have?

No response

If a workaround is available, please outline it here.

The only work around is to manually adjust all the nested fields individually or un-nest them.

Platform (Simple and/or Atomic)

Simple, Atomic, Self-hosted