Issue with CSS comments on GrapesJS Web Builder

[Ashwary-Jharbade]

Is there any way to support and display CSS comments on GrapeJS CSS style viewer ?

When I tried adding some CSS styles using "Custom Code" block with some comments, GrapesJS removed the commented styles and replaced some of the style properties with "undefined: undefined".

I have taken some screenshot for our discussion reference.

1. I have an element with class "mybox"
   

2. I have used "Custom Code" block element to add some styles and comments.
   

3. Result: Once saved and tried to view my styles on CSS viewer GrapesJS removed a entire block of CSS and replaced some CSS styles with undefined values.
   

Note: I have experienced this on web version of GrapesJS Web Builder
Web Builder Url - https://grapesjs.com/demo.html

[mosh-tudor]

and display CSS comments on GrapeJS CSS style viewer

But how do you imagine this?

The editor cannot know which part of the code the comment belongs to, and after a few clicks in StyleManager, your comment won't be where you expect it to be.

I think you should remove all css/html comments before saving.

[Ashwary-Jharbade]

Hi @mosh-tudor ,
Good to know you are also curious about it. But seems like CSS does not get impacted much with repositioning of block elements on Web Builder. Mostly CSS gets appended. And GrapesJS already supports HTML comments.