GrapesJS Issues

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

877 issues found

πŸ” question
#4195Mar 15, 2022by varadero4 answers
1 reactions

Text disappears if pasted for a second time in text block

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 99 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Open https://grapesjs.com/demo.html and delete all sample sectionsPlace one "Text section"Open a text editor and typ...

jmaks1

@artf The problem is relevant to the latest version. (v0.19.4) The bug occurs if you copy and paste a nested component while editing text. A regular paste (cmd + v) copies all html, including id, and after removing focus, html with identic...

varadero

I can confirm that this problem occurs only with Grapesjs 0.18.3 - I downgraded to 0.18.2 and the problem does not occur. Older versions are OK too.

jmaks1

I can confirm that this problem occurs only with Grapesjs 0.18.3 - I downgraded to 0.18.2 and the problem does not occur. Older versions are OK too. in version 0.18.2, nested components were not created inside the text.

#4192Mar 11, 2022by drashtibpatel2 answers
0 reactions

Drag boundary issue with dragMode: absolute/translate

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome, firefox Reproducible demo link https://jsfiddle.net/drashti/9xk5ph8j/1/ Describe the bug I am using the Grape JS builder for my client to setup the builder and templates. For that I want the setDragMode "absolute o...

artf

No, at the moment is not possible. The dragMode is not real public and documented feature so I'm collecting all the issues and features to support here: https://github.com/artf/grapesjs/issues/3770#issuecomment-944915841

GJSBlock

Thanks for reporting this, @drashtibpatel. The issue with Drag boundary issue with dragMode: absolute/translate appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and D...

#4191Mar 10, 2022by mastercorp-usa4 answers
1 reactions

We are trying to store the data from grapesJS editor in Angular 10 application, getting CORS error, image attached below

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 99.0.4844.5 Reproducible demo link https://jsfiddle.net/ct5r4kvg/ Describe the bug How to reproduce the bug?Integrated in Angular 10 application with following codewhile running we are getting CORS error in angular...

lalitog

My server side script is in PHP so i added this code in my script and it works fine for me - header('Access-Control-Allow-Origin: *'); header('Access-Control-Allow-Methods: GET, POST'); header("Access-Control-Allow-Headers: X-Requested-Wit...

mastercorp-usa

please anybody help us for this problem, its very urgent for me

artf

CORS issues have nothing to do with GrapesJS

#4189Mar 10, 2022by vladninja1 answer
0 reactions

The component was deselected when the settings were changed (using third party e.g. React/Vue)

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 98 Reproducible demo link https://codesandbox.io/s/grapesjs-react-components-n6sff?file=/src/base-react-component.js Describe the bug How to reproduce the bug?Select β€œListing” componentOpen component settingsChange...

GJSBlock

Thanks for reporting this, @vladninja. Great question about The component was deselected when the settings were changed (using third party e.g. React/Vue). The recommended approach with Components is to use the event-driven API. Start here...

#4188Mar 9, 2022by levinhtin1 answer
0 reactions

SVG <linearGradient> tag become <lineargradient> in canvas

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Microsoft Edge Version 99.0.1150.30 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?I have created a custom block with SVG, ex:When I drop component into canvas, linearGradie...

GJSBlock

Thanks for reporting this, @levinhtin. Great question about SVG <linearGradient> tag become <lineargradient> in canvas. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation...

#4187Mar 9, 2022by Townsheriff1 answer
0 reactions

Editor Destroy method throws an error in React

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 98 Reproducible demo link https://codesandbox.io/s/withered-rain-z74rst?file=/src/App.js Describe the bug How to reproduce the bug?Unmount child elementCreate useEffect with callback where editor is destroyed What i...

GJSBlock

Thanks for reporting this, @Townsheriff. Great question about Editor Destroy method throws an error in React. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your sp...

#4176Mar 4, 2022by varadero2 answers
0 reactions

Rich text editor very big icons in Firefox

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 95.0.2 (64-bit) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Use Firefox 95.0.2 (64-bit) to open https://grapesjs.com/demo.htmlDouble click on some text (like "Bui...

varadero

It looks like if I delete the <svg> elements which are part of the toolbar HTML, the vertical size becomes OK. These are the <svg> elements that cause the big height: This is how the rich text editor looks like when I delete them from HTML...

GJSBlock

Thanks for reporting this, @varadero. Great question about Rich text editor very big icons in Firefox. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific...

#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?

Browse all topics