GrapesJS Issues

3,464 parsed GitHub issues β€” 370 solved Β· 90 open. Search, filter and explore battle-tested answers.

545 issues found

πŸ” typescript
#4175Mar 3, 2022by sandeepyerkala2 answers
0 reactions

Offset lines are missing when reload frame

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 99.0.4844.51 Reproducible demo link https://jsfiddle.net/rakam/5o8te64y/19/ Describe the bug How to reproduce the bug?Add few components.After adding, reload frame by clicking on the right context menu.Offset lines...

artf

Sorry but I don't see right now any point of supporting/fixing the native reload of the iframe.

GJSBlock

Thanks for reporting this, @sandeepyerkala. Great question about Offset lines are missing when reload frame. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for your specifi...

#4174Mar 3, 2022by javadsamiee2 answers
1 reactions

Refresh page we will lost body/wrapper background color

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 98.0.4758.109 Reproducible demo link https://jsfiddle.net/szLp8h4n Describe the bug How to reproduce the bug?"Body (Selected #wrapper) -> Decorations -> Background Color and set a colorSave changes then refresh the...

artf

Hi @javadsamiee thanks for the report. This is actually an old issue #2834 which I'm trying to address for the next release (I close this issue in favor of the old one).

GJSBlock

Thanks for reporting this, @javadsamiee. Great question about Refresh page we will lost body/wrapper background color. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation...

#4173Mar 3, 2022by Ameeko4 answers
4 reactions

Text element does not work properly

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v98Reproducible demo link https://grapesjs.com/demo.htmlDescribe the bug I opened a notepad (Win11) I wrote this in the notepad: test [enter] test [enter] test [enter] I selected the entire text and copied it to the c...

Ameeko

Can anyone help me with this?

Ameeko

The text was a plain text, it had no tags. I tested with \n and \r\n line breaks, it doesn't work well. Unnecessary tags appear in GrapesJS when inserting plain text with line breaks.

Joshmamroud

@Ameeko & @artf I'm also having this issue. Has anyone found a fix for this?

#4168Feb 28, 2022by m-jojo-s1 answer
0 reactions

Hover not toggled until next mouse-enter

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 98.0.4758.80 (Official Build) (arm64) Reproducible demo link https://jsfiddle.net/01pa5mty/9/ Describe the bug also thank you for adding hover:before and select:before events, will be really useful! How to r...

GJSBlock

Thanks for reporting this, @m-jojo-s. Great question about hover not toggled until next mouse-enter. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific mo...

#4157Feb 24, 2022by Adham3803 answers
0 reactions

Resizing canvas makes componenents end up with wrong positions once exported with dmode 'absolute'

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Microsoft edge 98.0.1108.56 Reproducible demo link https://jsfiddle.net/473b2tah/1/ Describe the bug The canvas resize is cool but does not take into account that one might be working with px offsets because of dmode which...

Adham380

I have sort of found a workaround... Set the .gjs-frame-wrapper to the desired width in CSS and transform: translate (- x px, 0px) for the iframe in CSS. The Canvas is not the correct width then (slightly smaller) but everything seems to w...

artf

https://github.com/artf/grapesjs/issues/3770#issuecomment-1059784514

GJSBlock

Thanks for reporting this, @Adham380. The issue with Resizing canvas makes componenents end up with wrong positions once exported with dmode 'absolute' appears to be a race condition or state management timing problem. This typically happe...

#4154Feb 23, 2022by Ameeko3 answers
1 reactions

Nothing can be edited inside the link element

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v98Reproducible demo link https://grapesjs.com/demo.htmlDescribe the bug When I insert a text element into a link block element, the text element is no longer editable. Double-clicking on text element does not switch...

lofcz

duplicate of: https://github.com/artf/grapesjs/issues/4145 tl;dr: build grapejs locally as fix is currently unreleased or downgrade to 0.18.2

artf

Closing as duplicate of #4145

GJSBlock

Thanks for reporting this, @Ameeko. The issue with Nothing can be edited inside the link element appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modification...

#4145Feb 17, 2022by lofcz2 answers
0 reactions

0.18.3 text editing not triggering for link > text components

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 99 Reproducible demo link https://codesandbox.io/s/distracted-archimedes-fhmnpg Describe the bug How to reproduce the bug?open the demodouble click "I am text" component. What is the current behavior? Double clickin...

artf

Yeah, I see the problem. Double clicking text elements (span, i...) inside a switches focus to the parent a element instead of opening rte for the selected element With the new logic implemented for the text components view, this is intent...

GJSBlock

Thanks for reporting this, @lofcz. Great question about 0.18.3 text editing not triggering for link > text components. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation f...

#4136Feb 9, 2022by m-jojo-s2 answers
1 reactions

Component.remove() in 'component:mount' does not remove the rendered view

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 98.0.4758.80 (Official Build) (arm64) Reproducible demo link https://jsfiddle.net/Lsjhxczp/10/ Describe the bug How to reproduce the bug?Setup the component:mount hook to remove mounted componentAdd a new bl...

artf

Yeah, the problem here is the DOM node is created but not yet appended to the parent. You can defer the removal via setTimeout but that will still trigger the image activation. Probably I'll move that event once the node is appended.

GJSBlock

Thanks for reporting this, @m-jojo-s. Great question about component.remove() in 'component:mount' does not remove the rendered view. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS d...

#4110Jan 28, 2022by cusmai3 answers
0 reactions

AssetManager events not working

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link NA Describe the bug AssetManager events are not fired. The file gets uploaded correctly but events are not notified: Code of Conduct [X] I agree to follow this project's Code of Conduct

timramseyjr

@cusmai Did you ever figure this one out? I am getting asset:open and asset:close, but I am not getting any of the events you listed either. I am using the following and the two events I mentioned are the only related asset events I am get...

ALTITUDE-DEV-FR

Same for me not working :(

GJSBlock

Thanks for reporting this, @cusmai. The issue with AssetManager events not working appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, cre...

#4083Jan 20, 2022by henzigo4 answers
1 reactions

Set root does not work

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Safari 15.0Reproducible demo link https://jsfiddle.net/adw6y12f/9/Describe the bug Hello, I'm trying to set root component for the editor as it was described here. Unfortunately, this is not working and I can edit all HTML c...

artf

Yeah, the LayerManager module itself has no documentation. Indeed it's on the waiting list for the refactoring and once it's done we can publish more about its usage and API documentation. Anyway, I've seen your previous message about how...

artf

Yeah, I see the issue with the root configuration in LayerManager. The temporary fix would be to trigger the root change on render of the layers panel: But anyway, the root of the LayerManager doesn't decide if your components are editable...

henzigo

Thank you for your answer. It would be nice to have some documentation of what is root element because only mentions are in PR/issues.

Browse all topics