Broken formulars after Update

[Fnux]

Bug/Problem

Hello,

We've just applied the 1.7.0 update, which broke some forms. The 'recovery' does seem to work. It also happened last time we updated the plugin:

Best,
Timothée

Steps to reproduce

1. Update the plugin

Version

1.7.0

Link

No response

Environment info

• Form Block 1.7.0, WP 6.9, Storefront subtheme

Code of Conduct

• I agree to follow this project's Code of Conduct

[MatzeKitt]

Can you share the blocks markup via the the global option to copy all blocks and paste it here in a code block? Then I can check whether I can reproduce and fix it.

[Fnux]

We currently have to following form - I do not know what the 'attempt recovery' button did, but it doesn't seem that the content was changed (I've checked old revisions).

<!-- wp:form-block/form {"formId":"d1c93189-ac3d-4015-a9ba-b8231baf261d"} -->
<form class="wp-block-form-block-form" enctype="multipart/form-data" novalidate><!-- wp:form-block/input -->
<div class="wp-block-form-block-input form-block__element is-type-text"><input name="firmenname" type="text" autocomplete="" required spellcheck="true" class=""/><label class="form-block__label is-input-label"><span class="form-block__label-content">Firmenname</span><span class="is-required" aria-hidden="true">*</span></label></div>
<!-- /wp:form-block/input -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center">Anschrift Geschäft</h2>
<!-- /wp:heading -->

<!-- wp:form-block/input -->
<div class="wp-block-form-block-input form-block__element is-type-text"><input name="adresse" type="text" required spellcheck="true" class=""/><label class="form-block__label is-input-label"><span class="form-block__label-content">Adresse</span><span class="is-required" aria-hidden="true">*</span></label></div>
<!-- /wp:form-block/input -->

<!-- wp:form-block/input -->
<div class="wp-block-form-block-input form-block__element is-type-text"><input name="plz" type="text" required spellcheck="true" class=""/><label class="form-block__label is-input-label"><span class="form-block__label-content">PLZ</span><span class="is-required" aria-hidden="true">*</span></label></div>
<!-- /wp:form-block/input -->

<!-- wp:form-block/input -->
<div class="wp-block-form-block-input form-block__element is-type-text"><input name="ort" type="text" required spellcheck="true" class=""/><label class="form-block__label is-input-label"><span class="form-block__label-content">Ort</span><span class="is-required" aria-hidden="true">*</span></label></div>
<!-- /wp:form-block/input -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:form-block/textarea -->
<div class="wp-block-form-block-textarea form-block__element"><textarea class="" name="zusatzinformationen" spellcheck="true"></textarea><label class="form-block__label is-textarea-label"><span class="form-block__label-content">Zusatzinformationen</span></label></div>
<!-- /wp:form-block/textarea -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center">Kontaktinformationen</h2>
<!-- /wp:heading -->

<!-- wp:form-block/input -->
<div class="wp-block-form-block-input form-block__element is-type-text"><input name="name-kontaktperson" type="text" required spellcheck="true" class=""/><label class="form-block__label is-input-label"><span class="form-block__label-content">Name Kontaktperson</span><span class="is-required" aria-hidden="true">*</span></label></div>
<!-- /wp:form-block/input -->

<!-- wp:form-block/input -->
<div class="wp-block-form-block-input form-block__element is-type-email"><input name="email" type="email" required spellcheck="true" class=""/><label class="form-block__label is-input-label"><span class="form-block__label-content">Email</span><span class="is-required" aria-hidden="true">*</span></label></div>
<!-- /wp:form-block/input -->

<!-- wp:form-block/input -->
<div class="wp-block-form-block-input form-block__element is-type-text"><input name="telefonnummer" type="text" required spellcheck="true" class=""/><label class="form-block__label is-input-label"><span class="form-block__label-content">Telefonnummer</span><span class="is-required" aria-hidden="true">*</span></label></div>
<!-- /wp:form-block/input -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center">Rechtlich</h2>
<!-- /wp:heading -->

<!-- wp:form-block/input -->
<div class="wp-block-form-block-input form-block__element is-type-text"><input name="firman-uid" type="text" spellcheck="true" class=""/><label class="form-block__label is-input-label"><span class="form-block__label-content">UID Nummer der Firma</span></label></div>
<!-- /wp:form-block/input -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:form-block/input -->
<div class="wp-block-form-block-input form-block__element is-type-checkbox"><input name="bist-du-mwst-pflichtig" type="checkbox" class=""/><label class="form-block__label is-input-label"><span class="form-block__label-content">Bist du MwSt-Pflichtig?</span></label></div>
<!-- /wp:form-block/input --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:form-block/input -->
<div class="wp-block-form-block-input form-block__element is-type-text"><input name="mwst-nummer" type="text" spellcheck="true" class=""/><label class="form-block__label is-input-label"><span class="form-block__label-content">MwSt-Nummer</span></label></div>
<!-- /wp:form-block/input --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:form-block/input -->
<div class="wp-block-form-block-input form-block__element is-type-submit wp-block-button"><input type="submit" value="Schicken" class="wp-block-button__link wp-element-button"/></div>
<!-- /wp:form-block/input --></form>
<!-- /wp:form-block/form -->
``

[MatzeKitt]

Hm, unfortunately, I cannot reproduce the issue here with the code. Can you check the browser console after loading the editor for errors? There should be an error indicating what’s wrong with the blocks.

It may look something like this:

[Error] Block validation: Block validation failed for `form-block/input` (Object).

Content generated by `save` function:

<div class="wp-block-form-block-input form-block__element is-type-text"><input name="firmenname" type="text" autocomplete="" spellcheck="true" class=""/><label class="form-block__label is-input-label"><span class="form-block__label-content">Firmenname</span></label></div>

Content retrieved from post body:

<div class="wp-block-form-block-input form-block__element is-type-text"><input name="firmenname" type="text" autocomplete="" spellcheck="true" class=""/><label class="form-block__label is-input-label"><span class="form-block__label-content">Firmenname</span><span class="is-required" aria-hidden="true">*</span></label></div>