CSS is breaking in loop when filtering with Ajax

Hi there,

its suspect its the dynamic CSS generation that GenerateBlocks uses, which is compiled when the page is rendered which won’t happen on your Ajax loading.
I need to check with Tom as there were discussions for a filter to change that behaviour, but I am not sure if it made the last update or not.

The alternative would be to use Global Styles to style the blocks. It means the CSS gets loaded regardless and only the once for those blocks.

That particular filter tells GB to check other post types for the blocks, which works when the blocks are rendered on page load.

The issue here I assume is related to the Ajax Loading of your blocks.
Does the CSS load correctly without the Ajax loading ?

Yeah, so I would recommend using Global Styles to style the blocks for now. As those will load regardless.
But ill pass this topic onto Tom to see if the generateblocks_maybe_add_block_css function can be used for this.

You could try this PHP snippet:

add_filter( 'generateblocks_do_inline_styles', function( $do ) {
    $do = true;

    return $do;
} );

It forces GB to inline the block styles.
May want to add a conditional template tag to the function eg.

add_filter( 'generateblocks_do_inline_styles', function( $do ) {
    if( is_home() ) {
        $do = true;
    }
    return $do;
} );

Which would limit the function to the blog page.