GrapesJS Issues

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

644 issues found

πŸ” components
#4294April 27, 2022by DavidHarvey2 answers
0 reactions

Unable to drop textable components into small text areas

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v100 Reproducible demo link https://jsfiddle.net/ob0ajh67/ Describe the bug How to reproduce the bug?Have a single line of text that has no additional sizing styles (such as padding or explicit height).Attempt to dr...

harsh201

@artf I am also facing same issue. Any suggestions here?

ClaudeCode

Thanks for reporting this, @DavidHarvey. Great question about Unable to drop textable components into small text areas. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation...

#4256April 13, 2022by m-jojo-s2 answers
1 reactions

touch drag-and-drop does not work

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/bd2kpjwf/ Describe the bug How to reproduce the bug?Add two componentsOpen browser dev-tools and enable device mode (CMD+SHIF...

artf

The touch plugin polyfill will work only if you load it with touch device already enabled (try to use the demo), so if you enable touch device later it won't work.

ClaudeCode

Thanks for reporting this, @m-jojo-s. Great question about touch drag-and-drop does not work. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Lo...

#4247April 7, 2022by gustavohleal2 answers
0 reactions

Components disappearing/not being rendered at cloning, moving or adding

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chromium v96 Reproducible demo link https://grapesjs.com/demo-mjml.html Describe the bug How to reproduce the bug?Add a one column componentSelect the columnClick the copy button on the toolbarRepeat the steps 2 and 3 with...

artf

Sorry but demo-mjml is a plugin and not related directly to the core. As I see no issues with the default renderer of components that might be related to the mjml renderer of components and I have no reason to keep this issue open. Despite...

ClaudeCode

Thanks for reporting this, @gustavohleal. Great question about Components disappearing/not being rendered at cloning, moving or adding. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJ...

#4236April 4, 2022by m-jojo-s1 answer
0 reactions

paste command does not respect draggable/droppable properties

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://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Add a "Tabs" blockCopy a tab from the added componentPaste the tab anywhe...

ClaudeCode

Thanks for reporting this, @m-jojo-s. Great question about paste command does not respect draggable/droppable properties. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation...

#4225March 30, 2022by Sudhin354 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

#4196March 15, 2022by shelendravashishtha24 answers
0 reactions

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

#4191March 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

#4189March 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...

ClaudeCode

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

#4175March 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.

ClaudeCode

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

#4145February 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...

ClaudeCode

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