GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Firefox 126.0.1Reproducible demo link https://grapesjs.com/demo.htmlDescribe the bug How to reproduce the bug?Open your firefox browser and go to the demo link What is the expected behavior? The editor should show a white sc...
nhan-nguyen-se
@MarceloBD How did you manage to solve this? I'm facing the same issue.
GJS Helper
It appears you've encountered an intermittent bug in GrapesJS, specifically affecting its loading and the layers panel in Firefox. The TypeError: model is undefined when clicking the layers menu is a critical clue pointing to a race condit...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? v125.0.6422.113 (Official Build) (64-bit) Reproducible demo link https://codesandbox.io/p/sandbox/eloquent-leaf-vd68cf?file=%2Findex.js%3A9%2C47 Describe the bug How to reproduce the bug?Drag video compennt to the canvas....
artf
You can't interact with the iframe during the editing, otherwise, it won't be possible to select it from the canvas. You check the iframe interactions during the preview though.
GJSBlock
Thanks for reporting this, @omerson-cruz. Great question about Unable to use UI controls for the video component when. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for yo...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Microsoft Edge 125.0.2535.51 Reproducible demo link https://jsfiddle.net/szLp8h4n Describe the bug What is the expected behavior? Editor should render image and mask inside the SVG tag What is the current behavior? The SVG...
artf
Please provide a valid reproducible demo
GJS Helper
The issue you're encountering, where SVG elements using internal url(#id) references (like mask="url(#mask012)" or clip-path="url(#myClip)") do not render correctly in the GrapesJS editor, is a known behavior related to how browsers resolv...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Opera 10.0.5130.23 | Linux Reproducible demo link https://grapesjs.com/demo.html Describe the bug Clear canvasFrom Blocks menu add 1 Column component -> Settings tab is opened automatically :ok_hand: Click newly added comp...
artf
Thanks @gladykov but this is not related to the core, it's just an example behavior implemented in the demo.
GJS Helper
This is a valid observation regarding user experience in GrapesJS. The behavior you're describing is not a bug in the sense of a broken feature, but rather a UX inconsistency where clicking an already selected component doesn't always re-a...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? FIrefox Reproducible demo link https://grapesjs.com/docs/modules/Assets.html#initialization Describe the bug How to reproduce the bug?Go to https://grapesjs.com/docs/modules/Assets.html#initializationClink to the below lin...
GJS Helper
Thank you for reporting this issue. You've correctly identified a broken link in the GrapesJS documentation for the Asset Manager. Root Cause: The link provided in the documentation for AssetImage.ts incorrectly points to the dev branch of...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 125.0.3, Brave 1.66.110 Reproducible demo link https://jsfiddle.net/szLp8h4n Describe the bug Following the 'git' instructions to install Grapesjs when you execute 'yarn start' in Terminal: ~$ sudo apt install node...
artf
Thanks @shapley yeah it's not really related to GrapesJS or even yarn, you have to increase file system watchers
GJS Helper
The ENOSPC: System limit for number of file watchers reached error you're encountering is a common issue on Linux systems, including Ubuntu 24.04 LTS, when working with large projects that have many files, such as the GrapesJS repository w...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome V124 Reproducible demo link https://jsfiddle.net/ycvz2gno/7/ Describe the bug How to reproduce the bug?Put a text block in the canvasDouble click on the content inside the text blockThe content cannot be edited What...
Dobby85
By looking into the code, I saw that to get the RTE functionnality, our new component has to extend ComponentTextView. My initial issue was that I did something like : And it tooks the view of my baseStructure and not the text component. I...
GJS Helper
The issue you're encountering where text components loaded via fromElement: true are not editable, even with data-gjs-type="text" and editable="true" in the HTML, stems from how GrapesJS handles existing DOM elements during initialization....
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefoxe 125.0.3 (64 bits) Reproducible demo link https://grapesjs.com/demo-newsletter-editor.html Describe the bug How to reproduce the bug?install latest version of grapejsclick on fullscreen select a text or block with...
vincepv
Issue solved. I find a solution. When I init grapejs, I pass object config with colorPicker const config = { container: '#editor', fromElement: true, // other config options here colorPicker: { appendTo: 'parent', offset: { top: 26, left:...
artf
Thank @vincepv yeah there might be some conflicts with the fullscreen command and the default configuration of the color picker depending on how and where the editor container is rendered. Probably, in most of cases, it would be enough to...
GJS Helper
The issue you're encountering, where the color picker is hidden when GrapesJS is in fullscreen mode, is a common problem related to stacking contexts and how fullscreen elements are rendered. It's not a bug in the color picker itself, but...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfiddle.net/szLp8h4n Describe the bug How to reproduce the bug?Create a blockClick itGo to the traits tabSet an new IDGo to the styles tabSee the ID hasn't changed (under class) To se...
GJS Helper
This is indeed a known synchronization issue within GrapesJS where the Styles tab's selector display doesn't immediately reflect changes made to a component's ID via the Traits panel. The behavior you described is accurate and reproducible...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? ChromeReproducible demo link testDescribe the bug I don't see any way to show icons or shapesCode of Conduct[X] I agree to follow this project's Code of Conduct
artf
Please use the Discussions panel if you have questions.
GJS Helper
GrapesJS, being a highly flexible and unopinionated framework, doesn't include a built-in set of icons or shapes by default. Instead, it provides powerful APIs to integrate any external library or create custom components to achieve this....