GrapesJS Issues

Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.

1180 issues found

#4233April 2, 2022by clonefunnelsNo answers
0 reactions

BUG: insert styles from StyleManager with !important broken

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfiddle.net/q7cxvpf5/1/ Describe the bug When I use this code it stops working after one div change and then no longer accepts any more style changes to any other divs: editor.on('sty...

#4225March 30, 2022by Sudhin353 answers
0 reactions

BUG : The facebook plugin is not working in the grapes js

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v9Reproducible demo link Not thereDescribe the bug How to reproduce the bug?Install the Grapes js in react app and run itMake the facebook plugin components and import it in grapes js ( get the facebook page listing c...

Sudhin35

@artf Please help me on this

artf

I see no issue when I run editor.setComponents(...FB HTML..) Please provide a reproducible demo.

Sudhin35

@artf Thanks for the reply but you have added editor.setComponents(...FB HTML..) by default and then loaded the editor Please create a component of FB HTML and Drag& drop the component in editor , it wont load This way i have tried

#4213March 25, 2022by confettidc1 answer
0 reactions

BUG: Super large RTE buttons

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 98.0.2 (64 bit) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug? Just go to demo site using Firefox What is the expected behavior? Normal sized rte buttons show appea...

artf

This was already fixed here https://github.com/artf/grapesjs/issues/4176 and will be available in the next release.

#4208March 22, 2022by ronaldohoch3 answers
2 reactions

BUG: Style click state bug in every element

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave Last, tested on chrome last and Safari Last. Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?I have a video: https://www.loom.com/share/508e91098bf247bd93d525f2efa00a36...

artf

Thanks for the report @ronaldohoch This will be fixed in the next release.

ronaldohoch

@artf worked! Thank you ๐Ÿ˜Š

ronaldohoch

@artf I couldn't run it locally because several tests didn't pass, is it like that with you too? Can I try to fix them? e.g.:

#4196March 15, 2022by shelendravashishtha23 answers
0 reactions

BUG: Ids gets changed while trying to set components on the canvas using json

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link no link Describe the bug How to reproduce the bug?... use a demo json that can generate some component on the canvas, set an id in attributes ... use editor.setComponents(json)... set style us...

artf

Hi @shelendravashishtha2 can you please indicate the exact steps (I need to know what is the json you're referring to)

JonathanRiche

I've seen this happen to if you don't save a reference to the CSS before using the editor.setComponents() method All of the CSS markeup from the elements id selector/reference is removed when using editor.setComponents() method The exact s...

JonathanRiche

I think I found the issue on my end using editor.getComponents().toJSON(); adds an empty "style":"" field to some of the components which is clearing out there CSS ie "components": [ { "type": "box", "style": "", "attributes": { "id": "ic7...

#4195March 15, 2022by varadero3 answers
1 reactions

BUG: 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.

#4192March 11, 2022by drashtibpatel1 answer
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

#4191March 10, 2022by mastercorp-usa3 answers
1 reactions

BUG: 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

#4189March 10, 2022by vladninjaNo answers
0 reactions

BUG: 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...

#4188March 9, 2022by levinhtinNo answers
0 reactions

BUG: 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...