• Hi,

    I’m trying to build a page and there’s an issue with Advanced Button as when I view the page after the first edit there’s no border-radius, and when I go back in the editor it says “block contains unexpected or invalid content”. If I select “resolve conflict” I end up with a block with the HTML.
    I also tried a prebuilt section and got the same problem, but on the whole section.

    Apart from your plugin and Gutenberg I don’t have any other.

    • This topic was modified 5 years, 11 months ago by raducan.
Viewing 12 replies - 1 through 12 (of 12 total)
  • Hey,
    Thanks for posting,
    hmm interesting. Are you using the Gutenberg plugin? Which version of WordPress.

    If you click inspect then “console log” in your admin while in the editor can you tell me the error that should show what is expected and the actual output.

    Ben

    Thread Starter raducan

    (@raducan)

    WP v 4.9.8

    I can’t update the WP version but it got me thinking to check the plugins versions and update it to the latest version. Unfortunately still no luck.

    I get four errors in the console:

    First one
    Block validation: Expected attribute`style`of value`font-size:18px;border-radius:30px;border-width:2px`, saw`font-size:18px;border-width:2px`.

    Block validation: Block validation failed for`kadence/advancedbtn` ({name: “kadence/advancedbtn”, title: “Advanced Button”, icon: {…}, category: “common”, keywords: Array(3),?…}).

    Expected:

    <div class=”wp-block-kadence-advancedbtn kt-btn-align-center kt-btns-wrap kt-btns_1a53a8-d8″><div class=”kt-btn-wrap kt-btn-wrap-0″><span class=”kt-btn-inner-text”>asdfdasf</span></div></div>

    Actual:

    <div class=”wp-block-kadence-advancedbtn kt-btn-align-center kt-btns-wrap kt-btns_1a53a8-d8″><div class=”kt-btn-wrap kt-btn-wrap-0″><span class=”kt-btn-inner-text”>asdfdasf</span></div></div>

    Second one
    Block validation: Expected attribute`style`of value`font-size:18px;border-radius:30px;border-width:2px`, saw`font-size:18px;border-width:2px`.

    Block validation: Block validation failed for`kadence/advancedbtn` ({name: “kadence/advancedbtn”, title: “Advanced Button”, icon: {…}, category: “common”, keywords: Array(3),?…}).

    Expected:

    <div class=”wp-block-kadence-advancedbtn kt-btn-align-center kt-btns-wrap kt-btns_1a53a8-d8″><div class=”kt-btn-wrap kt-btn-wrap-0″><span class=”kt-btn-inner-text”>asdfdasf</span></div></div>

    Actual:

    <div class=”wp-block-kadence-advancedbtn kt-btn-align-center kt-btns-wrap kt-btns_1a53a8-d8″><div class=”kt-btn-wrap kt-btn-wrap-0″><span class=”kt-btn-inner-text”>asdfdasf</span></div></div>

    Third one
    Block validation: Expected attributes (8)?[Array(3), Array(3), Array(3), Array(3), Array(3), Array(3), Array(3), Array(3)], instead saw (4)?[Array(3), Array(3), Array(3), Array(3)].

    Block validation: Block validation failed for`kadence/advancedbtn` ({name: “kadence/advancedbtn”, title: “Advanced Button”, icon: {…}, category: “common”, keywords: Array(3),?…}).

    Expected:

    <div class=”wp-block-kadence-advancedbtn kt-btn-align-center kt-btns-wrap kt-btns_1a53a8-d8″><div class=”kt-btn-wrap kt-btn-wrap-0″><span class=”kt-btn-inner-text”>asdfdasf</span></div></div>

    Actual:

    <div class=”wp-block-kadence-advancedbtn kt-btn-align-center kt-btns-wrap kt-btns_1a53a8-d8″><div class=”kt-btn-wrap kt-btn-wrap-0″><span class=”kt-btn-inner-text”>asdfdasf</span></div></div>

    Fourth one
    Block validation: Expected attributes (8)?[Array(3), Array(3), Array(3), Array(3), Array(3), Array(3), Array(3), Array(3)], instead saw (4)?[Array(3), Array(3), Array(3), Array(3)].

    Block validation: Block validation failed for`kadence/advancedbtn` ({name: “kadence/advancedbtn”, title: “Advanced Button”, icon: {…}, category: “common”, keywords: Array(3),?…}).

    Expected:

    <div class=”wp-block-kadence-advancedbtn kt-btn-align-center kt-btns-wrap kt-btns_1a53a8-d8″><div class=”kt-btn-wrap kt-btn-wrap-0″><span class=”kt-btn-inner-text”>asdfdasf</span></div></div>

    Actual:

    <div class=”wp-block-kadence-advancedbtn kt-btn-align-center kt-btns-wrap kt-btns_1a53a8-d8″><div class=”kt-btn-wrap kt-btn-wrap-0″><span class=”kt-btn-inner-text”>asdfdasf</span></div></div>

    • This reply was modified 5 years, 11 months ago by raducan.
    • This reply was modified 5 years, 11 months ago by raducan.
    • This reply was modified 5 years, 11 months ago by raducan.
    Thread Starter raducan

    (@raducan)

    Hey Ben,

    I’ve been working with the same setup but on Local by Flywheel and so far had no issues.
    The environment where I got errors is a multisite instance, maybe it helps pinpoint the issue.

    What other Gutenberg plugins are you using?

    I assume since you are using WP 4.9.8 you have Gutenberg 4.7.1 installed?

    I can’t recreate thus far even downgrading a test site to 4.9.8 and using a multisite.

    This is odd though since the expected and actual are the same thing:

    Did you ever edit the html?

    Ben

    Thread Starter raducan

    (@raducan)

    I’m using only Gutenberg 4.7.1 and KD blocks, nothing else.
    I didn’t edit the HTML and also on a local environment I don’t have this issue using WP 4.9.8 and latest version of the plugins.

    Thread Starter raducan

    (@raducan)

    I tried switching themes, even to Twenty Seventeen, but no luck. So I ruled out a possible problem coming from theme incompatibility.

    Thread Starter raducan

    (@raducan)

    I just tested on a local instance with (multisite, the latest WP version and KD Block plugin and got the same error.

    Hmm, so strange that I can’t seem to recreate. Any specific settings in the button I should be trying?

    Thanks!
    Ben

    Thread Starter raducan

    (@raducan)

    Nope, you can just insert the button, view the page and come back to see the error.

    Are you using any preconfigured settings? In settings > kadence blocks you can define default settings.

    Are you using any browser extensions? What browser are you using? With your multisite where you updated to 5.0.2 if you deactivate the Gutenberg plugin do you see the same error?

    I have tried for quite a while to recreate and haven’t been able to.

    Thread Starter raducan

    (@raducan)

    Hey,

    Sorry, I was away for the holidays. I have no preconfigured settings or browser extensions in Chrome.
    I managed to bump into this issue also in 5.0.2 with no other plugin activated than one with blocks (different from KD, but same issue).
    Can you see if you get the error if you set a value under “Maximum Content Width” in the Section Structure menu? For me this seemed to trigger the issue.

    I managed to bump into this issue also in 5.0.2 with no other plugin activated than one with blocks (different from KD, but same issue).

    Does that mean another plugin had this issue or you have another plugin activated and got this issue with this plugin?

    I tried setting max content width adding 20 butons to a page, changing settings. I can’t recreate your issue.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Advanced Button content invalid’ is closed to new replies.