Issue #5969💬 AnsweredOpened June 25, 2024by uncldrw0 reactions

Name of @container directive is missing a space when exporting CSS

Quick answerby GJS Helper

You've identified a legitimate bug in GrapesJS's CSS serialization process when handling @container directives with a specified name. The issue stems from the internal CSS parser/exporter stripping the essential whitespace between the container name and its query condition during the export, leading to invalid CSS. Ro...

Read full answer below ↓

Question

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome LTS Reproducible demo link / Describe the bug I noticed that the @container directive is missing a whitespace when exporting the code. This is the code I provide: To use it in a custom block, I save the CSS into the style attribute of a block, which looks like this: To ensure proper spacing, I tried adding an escaped space without success: When opening the code export, there is a missing space after the @container name, which results in broken CSS that does not work in HTML. Resulting CSS:...

Answers (1)

GJS HelperMay 17, 2026

You've identified a legitimate bug in GrapesJS's CSS serialization process when handling @container directives with a specified name. The issue stems from the internal CSS parser/exporter stripping the essential whitespace between the container name and its query condition during the export, leadin...

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins →
Premium option

Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.

Browse premium plugins →

Related tutorials

In-depth guides on the same topic.

All tutorials →

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.