GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Firefox and Chrome Reproducible demo link I can't do a demo for remote storage Describe the bug Import anything that has > next to a tag with > Example: <a href="#">></a> Also happens like this: <a href="#">Home</a>...
artf
I can't do a demo for remote storage You don't need a demo for remote storage. The local and remote storage are using the same interface, which means if you're not able to reproduce with the locale storage, the problem is probably on your...
GJS Helper
This is a critical bug report. The issue where GrapesJS displays "undefined" and fails to load content when the HTML entity > (greater than sign) is present, especially near HTML tags, indicates a problem with GrapesJS's internal HTML p...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v133 Reproducible demo link https://jsfiddle.net/2hjdrb7L/1/ Describe the bug How to reproduce the bug? Initialize a grapesjs editor using grapesjs v0.22.x with the grapesjs-touch plugin v0.1.1. What is the expected...
bamiendev
Same issue
federica-capobianco
did you manage to solve it? Facing a kind of similar issue
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Version 133.0.6943.98 Reproducible demo link https://codesandbox.io/p/sandbox/loving-breeze-mdls43?file=%2Findex.js%3A77%2C6 Describe the bug Iam trying to add some custom triats to my block unfortunately i can only see th...
artf
Your component has inner components, so if you select one of those, you will see traits of those components, not event-block. If you properly select event-block, you'll see your traits. <img width="856" alt="Image" src="https://github.com/...
GJS Helper
The issue you're encountering, where custom traits don't load for a custom block when its components property contains complex HTML but do load with a simple string, is a known behavior related to how GrapesJS parses and manages component...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Safari 18.3 Macos 14.7.3 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug? Open the Layer Manager on the right panel Try to hide "body", or open it OR click on an element, the...
GJS Helper
It appears you've encountered a known rendering quirk specific to Safari, particularly with how it handles flexbox layouts and potentially icon fonts within those layouts. The GrapesJS Layer Manager utilizes a flexbox structure for its lay...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://codepen.io/Harshsne/pen/gbYjOWO Describe the bug How to reproduce the bug? I have called onactive on single click so that i can edit the textbox in single click. The cursor should be p...
mohamedsalem401
Hey, I've checked your code and tried to debug it. It seems to me that the code is not passing the mouse event to the onActive method, which is needed: ```js componentEl.addEventListener('click', (ev) => { component.view.onActive(ev); });
GJS Helper
The issue you're experiencing, where the cursor always goes to the beginning of the text box when activating editing on a single click, stems from how contenteditable elements are programmatically activated versus how they behave with nati...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Version 131.0.6778.265 Reproducible demo link https://codepen.io/chipikaf/pen/KwPexjL Describe the bug How to reproduce the bug? Drop the button component in the Middle section Move the button anywhere in the section Resiz...
ChipiKaf
@artf I have a fix for it locally. Essentially what I do is check if the element has a parent with relative position, then offset the rect by the height of the parent if it exists and is position relative. I can create a PR for it if that'...
GJSBlock
Thanks for reporting this, @ChipiKaf. Great question about Resizing of Child with absolute drag enabled positions element wrongly when in Parent with relative position. The recommended approach with Components is to use the event-driven AP...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v130 Reproducible demo link https://grapesjs.com/demo-newsletter-editor.html Describe the bug How to reproduce the bug?in the editor, select any elementin the styles section, go to border radius What is the expected...
DarrenHou1993
This change fixes the UI issue, but it introduces a value issue here. When setting the bottom-left corner radius, it actually modifies the bottom-right corner instead.
GJS Helper
The issue you've identified regarding the swapped display order of border-bottom-left-radius and border-bottom-right-radius in the GrapesJS Style Manager is a known quirk in the default configuration of older GrapesJS versions or specific...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v131 Reproducible demo link https://jsfiddle.net/0uaxn2vc/2/ Describe the bug How to reproduce the bug?open link to fiddleselect body or other component where components can be addedtry to add component only by clic...
artf
Thanks @rhoenerSBS the issue was fixed here and will be available in the next release.
GJS Helper
The appendOnClick option in GrapesJS's BlockManager is indeed broken in recent versions, leading to the Uncaught TypeError: c.setDropContent is not a function error. This issue stems from a change in how the BlockView handles click events...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Try select for example whole sidebar tools/text/everythingGrab and drop it on canvas What is the expected behavior? Pro...
artf
You can take control over what is dropped inside the canvas via canvas:dragdata event https://jsfiddle.net/artur_arseniev/87rcb24n/
GJS Helper
The issue you've reported, where arbitrary elements from outside the GrapesJS canvas (including parts of the editor's UI) can be dragged and dropped into the canvas, is a common behavior stemming from the browser's native drag-and-drop fun...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v131Reproducible demo link https://jsfiddle.net/cmq9end2/1/Describe the bug How to reproduce the bug?Add an img to the canvas with an invalid URL in the srcset Check the network tab in Chrome dev console - the asset r...
GJS Helper
The issue you've described, where an <img> tag with an invalid srcset attribute (and no src attribute) causes an infinite 404 request loop, is a known behavior in some browsers (like Chrome) rather than a direct bug within GrapesJS itself....