Description
When using the new Additional CSS feature on a block inside a Query Loop, the generated CSS is inserted once for every rendered post/item in the loop.
This causes the same CSS rules to be duplicated N times, where N equals the number of posts rendered by the Query Loop.
Step-by-step reproduction instructions
Open the site editor.
Add a Query Loop block.
Inside the Query Loop template, select a block, for example:
Post Title
Add custom CSS using the block’s Additional CSS panel.
Save the template.
Publish a few posts.
View the frontend.
Inspect the styles applied to this block
Screenshots, screen recording, code snippet
Environment info
No response
Please confirm that you have searched existing issues in the repo.
Please confirm that you have tested with all plugins deactivated except Gutenberg.
Please confirm which theme type you used for testing.
Description
When using the new Additional CSS feature on a block inside a Query Loop, the generated CSS is inserted once for every rendered post/item in the loop.
This causes the same CSS rules to be duplicated N times, where N equals the number of posts rendered by the Query Loop.
Step-by-step reproduction instructions
Open the site editor.
Add a Query Loop block.
Inside the Query Loop template, select a block, for example:
Post Title
Add custom CSS using the block’s Additional CSS panel.
Save the template.
Publish a few posts.
View the frontend.
Inspect the styles applied to this block
Screenshots, screen recording, code snippet
Environment info
No response
Please confirm that you have searched existing issues in the repo.
Please confirm that you have tested with all plugins deactivated except Gutenberg.
Please confirm which theme type you used for testing.