Block validation error on Buttons

Resolved Marty
(@bozzmedia)

3 years, 1 month ago
Recently I went back to a page I made buttons on. Single button, no copy in it, just an icon, with a manually inputted URL edited via the block editor.

The buttons did not display on the frontend and in the Edit screen there was the invalid content error for each of the blocks.

When I attempt to recover the block I get two options with the following markup:
```
Current
<a class="gb-button gb-button-4a710079" href="/category/redacted/"></a>

After Conversion
<a class="gb-button gb-button-4a710079" href="/category/redacted/"></a>
```
When I try to choose either option of Covert to HTML / Convert to Blocks, I get no response.

Console errors:

Block validation: Block validation failed forgenerateblocks/button` (
Object { name: “generateblocks/button”, icon: {…}, keywords: (3) […], attributes: {…}, providesContext: {}, usesContext: [], supports: {…}, styles: [], save: save(e), title: “Button”, … }
).

Content generated by save function:

<a href=”/redacted/”></a>

Content retrieved from post body:

<a href=”/redacted/”></a> blocks.min.js:3:110952
e https://www.redacted.org/wp-includes/js/dist/blocks.min.js?ver=f4636ab86bbcd1d9adb613a053f522e7:3
Gr https://www.redacted.org/wp-includes/js/dist/blocks.min.js?ver=f4636ab86bbcd1d9adb613a053f522e7:3
Gr https://www.redacted.org/wp-includes/js/dist/blocks.min.js?ver=f4636ab86bbcd1d9adb613a053f522e7:3
Gr https://www.redacted.org/wp-includes/js/dist/blocks.min.js?ver=f4636ab86bbcd1d9adb613a053f522e7:3
Gr https://www.redacted.org/wp-includes/js/dist/blocks.min.js?ver=f4636ab86bbcd1d9adb613a053f522e7:3
Gr https://www.redacted.org/wp-includes/js/dist/blocks.min.js?ver=f4636ab86bbcd1d9adb613a053f522e7:3
Yr https://www.redacted.org/wp-includes/js/dist/blocks.min.js?ver=f4636ab86bbcd1d9adb613a053f522e7:3
Yr https://www.redacted.org/wp-includes/js/dist/blocks.min.js?ver=f4636ab86bbcd1d9adb613a053f522e7:3
hn https://www.redacted.org/wp-includes/js/dist/editor.min.js?ver=314c13d7de93cf26f4f09891c7e0c220:7
tryCatch https://www.redacted.org/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=7.4.4:1
invoke https://www.redacted.org/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=7.4.4:1
n https://www.redacted.org/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=7.4.4:1
Redux 6
V https://www.redacted.org/wp-includes/js/dist/data.min.js?ver=9a46df5c996f2ab728f28fd0eb9e78bd:2
F https://www.redacted.org/wp-includes/js/dist/data.min.js?ver=9a46df5c996f2ab728f28fd0eb9e78bd:2
p https://www.redacted.org/wp-includes/js/dist/data.min.js?ver=9a46df5c996f2ab728f28fd0eb9e78bd:2
Be https://www.redacted.org/wp-includes/js/dist/data.min.js?ver=9a46df5c996f2ab728f28fd0eb9e78bd:2
n https://www.redacted.org/wp-includes/js/dist/editor.min.js?ver=314c13d7de93cf26f4f09891c7e0c220:7
Yg https://www.redacted.org/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:68
rh https://www.redacted.org/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:98
zj https://www.redacted.org/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:228
Th https://www.redacted.org/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:152
tj https://www.redacted.org/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:152
Te https://www.redacted.org/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:146
Pg https://www.redacted.org/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:61
unstable_runWithPriority https://www.redacted.org/wp-includes/js/dist/vendor/react.min.js?ver=16.13.1:25
Da https://www.redacted.org/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:60
Pg https://www.redacted.org/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:61
ha https://www.redacted.org/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:60
Ja https://www.redacted.org/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:224
ch https://www.redacted.org/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:93
e https://www.redacted.org/wp-includes/js/dist/data.min.js?ver=9a46df5c996f2ab728f28fd0eb9e78bd:2
t https://www.redacted.org/wp-includes/js/dist/data.min.js?ver=9a46df5c996f2ab728f28fd0eb9e78bd:2
o https://www.redacted.org/wp-includes/js/dist/data.min.js?ver=9a46df5c996f2ab728f28fd0eb9e78bd:2
o https://www.redacted.org/wp-includes/js/dist/data.min.js?ver=9a46df5c996f2ab728f28fd0eb9e78bd:2
O https://www.redacted.org/wp-includes/js/dist/data.min.js?ver=9a46df5c996f2ab728f28fd0eb9e78bd:2
p https://www.redacted.org/wp-includes/js/dist/data.min.js?ver=9a46df5c996f2ab728f28fd0eb9e78bd:2
s Redux
V https://www.redacted.org/wp-includes/js/dist/data.min.js?ver=9a46df5c996f2ab728f28fd0eb9e78bd:2
F https://www.redacted.org/wp-includes/js/dist/data.min.js?ver=9a46df5c996f2ab728f28fd0eb9e78bd:2
dispatch https://www.redacted.org/wp-includes/js/dist/data.min.js?ver=9a46df5c996f2ab728f28fd0eb9e78bd:2
Redux 48
V https://www.redacted.org/wp-includes/js/dist/data.min.js?ver=9a46df5c996f2ab728f28fd0eb9e78bd:2`

I’m going to recreate these now but figured I should report this here in case others run into the issue. This is on WP 5.6.2. Thanks!
- This topic was modified 3 years, 1 month ago by Marty.
- This topic was modified 3 years, 1 month ago by Marty.
- This topic was modified 3 years, 1 month ago by Marty.

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Author Tom
(@edge22)

3 years, 1 month ago

Hi there,

Strange one – was the block altered in any way in the HTML editor?

We haven’t had any other reports of this, but it can happen if the HTML changes, or if another plugin alters the HTML in any way.

Let us know if you run into it again 🙂

Thread Starter Marty
(@bozzmedia)

3 years, 1 month ago

I may have copied and pasted the block, or duplicated it, thought no manual edits to the HTML. Will do, thanks!

Plugin Author Tom
(@edge22)

3 years, 1 month ago

No problem!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Block validation error on Buttons’ is closed to new replies.