GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Opera 109 Reproducible demo link https://jsfiddle.net/9zmyrhoe/ Describe the bug How to reproduce the bug? Open the jsfiddle above and run What is the expected behavior? The panels not meant to show What is the current beh...
TutorialMan7727
So, the CSS below didn't work. I had to manually change the CSS in the grapes.min.css file. The CSS couldn't override the CSS in grapes.min.css. .gjs-cv-canvas { top: 0; width: 100%; height: 100%; }
GJS Helper
The issue of "empty black panels" appearing in your GrapesJS editor, even when panels.defaults is set to an empty array, stems from how GrapesJS initializes its UI. While setting panels.defaults: [] prevents any buttons or content from bei...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 126.0.6478.127(Windows) Reproducible demo link https://jsfiddle.net/t06s4oLb/8/ Describe the bug How to reproduce the bug?Add section1 to canvasAdd section2 to canvas under section1remove section2 from canvas.The st...
artf
You should avoid putting shared styles in component-related ones. Check this discussion on how to prevent this: https://github.com/GrapesJS/grapesjs/discussions/5968
ihatov08
As a temporary workaround, styles for each component are prefixed with id.
ihatov08
@artf thank you for your reply. I would like to confirm #5968
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 126.0.6478.127(Windows) Reproducible demo link https://jsfiddle.net/vbu18q5f/2/ Describe the bug How to reproduce the bug?Cannot be selected on canvas if tags are nested Section 2 block in demolink has a div tag ins...
ihatov08
@artf Sorry, frameworks don't solve everything as you say. I'll make sure to read the documentation properly from now on. Thank you for your reply.
artf
This is not a bug but more of a UX issue related to how in general HTML works, that's also the exact reason why we provide "select parent" button in the toolbar. Don't expect the framework to fix all the problems for you, It's up to the de...
GJS Helper
This is a common challenge in visual editors like GrapesJS when elements are nested and visually overlap or share similar dimensions. The core of the issue lies in how GrapesJS (and browsers in general) handle click events and component se...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v123.0.6312.124 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Add a text elementOpen RTE and type a wordSelect the word and make it a link or wrap for styleAdd space...
GJS Helper
The issue you're experiencing where spaces are removed between styled elements (like links) in the GrapesJS Rich Text Editor (RTE) is a common behavior in many HTML editors and browsers due to how whitespace is handled. When two inline ele...
GrapesJS version[x] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 126.0.6478.127Reproducible demo link https://jsfiddle.net/6m53pwy7/4/Describe the bug How to reproduce the bug? I'm looking to use Tailwind with GrapesJS, but this framework uses Utility-First CSS Classes to build qui...
artf
You need to escape properly the CSS
GJS Helper
It appears you've encountered a known limitation or bug in GrapesJS's CSS parsing and style management when dealing with selectors that contain escaped colons (\:), which are common in frameworks like Tailwind CSS for responsive variants (...
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...
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 cont...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome Reproducible demo link i have given the code in issues Describe the bug Screencast from 12-06-24 03:09:58 PM IST.webm problem is right after applying any bold or italic it is getting disappeard once i click somewher...
artf
From the official demo it looks to work as expected, so I guess it's related to your custom logic. Please provide a minimal reproducible demo of the issue.
GJS Helper
The issue you're experiencing, where bold or italic formatting disappears after applying it and clicking away, is a common synchronization problem when customizing the GrapesJS Rich Text Editor (RTE) with custom: true. Root Cause When you...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 125.0.6422.113 Reproducible demo link <script src="https://grapesjs.com/js/toastr.min.js"></script> Describe the bug How to reproduce the bug?just click on anyone of these link, thy will show you 404 page What is th...
artf
Hey @shahsalmanbukhari what you're referring to is not a CDN, but simple assets on the public website. Please don't use them as there is no versioning or even guarantee they won't be moved (as it happened due to the move of the website). U...
shahsalmanbukhari
Hey @shahsalmanbukhari what you're referring to is not a CDN, but simple assets on the public website. Please don't use them as there is no versioning or even guarantee they won't be moved (as it happened due to the move of the website).Us...
GJS Helper
The issue you're encountering with 404 errors for the provided GrapesJS links is due to a misunderstanding of how GrapesJS assets are typically served. The links you've shared, such as https://grapesjs.com/js/toastr.min.js and https://grap...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? chromeReproducible demo link https://grapesjs.com/demo-newsletter-editor.html https://prnt.sc/SyoEBQMUJbO8Describe the bug How to reproduce the bug? i am making the demo from prapes js newsletter demo and coping the html and...
artf
@nimisha744 issues in this repo are only for the bugs related to the core framework, demos are there only for demonstration purposes of the framework capability.
nimisha744
can you please help me to get this code ? https://prnt.sc/qAb-i9M5c6SF bt this i am getting only html let html = editor.getHtml(); also please give the options for newsletter image and in sidebar i am getting name not icons pls share optio...
GJS Helper
The issue you're encountering, where images appear correctly in the GrapesJS editor but show src="" or fail to load in the sent email, is a very common problem when dealing with HTML email templates. The root cause lies in how email client...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 125.0.6422.141 Reproducible demo link N/A Describe the bug When setting the following configuration for the storage manager: storageManager: { autosave: false, autoload: false, } The wrapper style is disappears ( t...
artf
The reproducible demo is required for a bug report.
GJS Helper
When storageManager.autoload is set to false in GrapesJS, the editor explicitly avoids loading any previously saved project data, including the styles applied to the wrapper (which is typically the <body> element by default). This means Gr...