GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v126 Reproducible demo link https://codepen.io/aswinkumar863/pen/VwJaVYG Describe the bug How to reproduce the bug?Open the demo.Click the "Click Me" section within the editor's body.Navigate to the Style Manager an...
GJS Helper
You've accurately identified a bug in GrapesJS where the input type="number" fields in the Style Manager and Trait Manager do not correctly persist manually entered values when the up/down arrows are used without first blurring the input....
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? MS Edge 126.0.2592.87 (Official build) (arm64) Reproducible demo link n/a Describe the bug How to reproduce the bug?...Using versions 0.21.11 or 0.21.12 of grapesjs, create a multi-page project. While on page A the Layer m...
GJS Helper
It appears you've encountered a known regression in GrapesJS versions 0.21.11 and 0.21.12 related to the Layer Manager's behavior in multi-page projects. The issue manifests when switching back to a previously loaded page, causing the Laye...
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...