Hardeep Asrani

Hey,

Would it be possible for you to open that page with the browser console open? And that point, you should see an error in the console. You can take a screenshot of that and share it here with us to look into it. Here’s how you can open the browser console: https://screenful.com/guide/how-to/how-to-open-the-browser-developer-console

Thank you!

Hey @donbowman,

Yea, as I mentioned we added a condition to not check if the user is typing, so typing action will be ignored from now on.

If you want to test it out, you can download the beta version here: https://verti-artifacts.s3.amazonaws.com/otter-blocks-fix-issue-2056-59ff4376/blocks-css.zip

As always, we recommend you try this out on a test site like WP Playground. Let me know if fixes it for you.

What I’ve done, I’ve added a debounce and typing checker counter there to make the performance much better as we don’t now keep checking for each keypress but have a 1second of debounce. So if you’re typing, we won’t check again and again. And if you are editing CSS, it will debounce and not update instantly.

It will be out in the next version.

Hey @donbowman,

I was looking more into this and that is due to the fact that we check if there have been any changes to the CSS with every change in blocks, as someone might be editing, removing or copying blocks and CSS might require updating. So it is required to check and previewing custom CSS used by blocks.

Let me know if that makes sense.

Hey @diamonddmext,

Can you give us more details on this issue so we could take a look? Thank you!

Hey @donbowman,

We’ve reported this to our GH and will look into it to confirm why. Thank you for clear reproduction instructions, I was able to reproduce it easily.

Thank you!

Hey @theroadwetake,

Which CTA button are you using? Thank you!

Hey @obelisk15,

You can use this tutorial to learn how to create a site-specific plugin: https://www.wpbeginner.com/beginners-guide/what-why-and-how-tos-of-creating-a-site-specific-wordpress-plugin/

Sorry for delay, I was not around during the New Year.

Hey @andreslav,

We use animate.css for CSS animations, and our animations work similarly to how they do on animate.css, as you can see here: https://animate.style/

I can see why this could be confusing as those titles are less of description of the animation and more of identifier.

Let me know if you notice different behavior in Otter as compared to animate.css website.

Hey @obelisk15,

We did some investigating into it and seems to be an issue with CoBlocks: https://github.com/godaddy-wordpress/coblocks/issues/2577

If any pattern is using the Image Lightbox option that is part of WordPress, CoBlocks seems to throw this error.

For now, you can add the following code to your WordPress using the a child theme or a single-use plugin:

add_filter( 'raft_block_patterns', function( $patterns ) {
	return array_diff( $patterns, array( 'call-to-action-image' ) );
} );

Hope it helps.

Hey @obelisk15,

One last question, are you using Otter Blocks plugin on your website by any chance?

Hey @obelisk15,

Can you give us a list of all the plugins you’re using, as well as which page in particular you’ve having this issue? Is it when you try to create a new page (or post) or both of them? Or are you having this issue when visiting the Site Editor?

Thank you!

Hey @ereckers,

Blocks CSS is a child plugin of Otter Blocks, and we also make it available as we think some people might want to use this functionality without wanting to have the entire block library.

And Blocks CSS is not alone, we also have Blocks Animation & Blocks Export Import which are all part of Otter Blocks but we also make them available as standalone plugins.

To keep the process simple, we deploy them all together as new versions so every time we make a release, all of them are released together hence sometimes you will get releases for one plugin where there are no changes to the code.

We know it can be confusing but this process allows us to maintain all of these projects together without the additional hassle of maintaining 4-5 plugins separately.

Hope it answers your question.!

Hey @gorebatschov,

You can use the following PHP to do that:

function dequeue_otter_css_for_non_admins() {
    // Check if the current user is not an admin
    if ( ! current_user_can( 'administrator' ) ) {
        // If the user is not an admin, dequeue the 'otter-css' script
        wp_dequeue_script( 'otter-css' );
    }
}

add_action( 'enqueue_block_editor_assets', 'dequeue_otter_css_for_non_admins', 100 );

Let us know if that works.

Hey @rstar1web,

You can add the following PHP code to your theme’s functions.php or a single use plugin:

add_filter( 'block_categories_all', function( $categories, $block_editor_context ) {
    // Define the slugs of the categories you want to move
    $custom_slugs = array('themeisle-blocks', 'themeisle-woocommerce-blocks');

    // Separate the custom categories
    $custom_categories = array_filter($categories, function($category) use ($custom_slugs) {
        return in_array($category['slug'], $custom_slugs);
    });

    // Remove the custom categories from the original list
    $categories = array_filter($categories, function($category) use ($custom_slugs) {
        return !in_array($category['slug'], $custom_slugs);
    });

    // Append the custom categories to the end
    return array_merge($categories, $custom_categories);
}, 99, 2);

This should take care of it.

Also, you can use / keyword to add blocks quickly as that is much faster than using the Inseter.

Hope it helps!