GrapesJS Issues

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

203 issues found

πŸ” enhancement
#4434Jul 10, 2022by Singwai2 answers
1 reactions

CSS Parser's shape doesn't allow the CSS property to be defined more than once.

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? AnyReproducible demo link https://grapesjs.com/demo.htmlDescribe the bug The bug is related to ParserCss.js. https://github.com/artf/grapesjs/blob/dev/src/parser/model/ParserCss.js#L7-L8 The parser expects the results to be...

artf

Yeah, this is something we don't support currently, but I think it might be nice to handle also those cases.

GJSBlock

Thanks for reporting this, @Singwai. The issue with CSS Parser's shape doesn't allow the CSS property to be defined more than once. appears to be a race condition or state management timing problem. This typically happens when component li...

#4385Jun 15, 2022by froodian2 answers
0 reactions

Index.d.ts says that run commands should return void but docs say their return value may be used

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Any Reproducible demo link https://grapesjs.com/docs/modules/Commands.html#stateful-commands Describe the bug How to reproduce the bug? in a typescript setup, What is the expected behavior? it is allowed, as in the "Let's...

artf

Thanks @froodian I'll update them

GJSBlock

Thanks for reporting this, @froodian. Great suggestion about index.d.ts says that run commands should return void but docs say their return value may be used! While this specific feature isn't yet in the core API, there are several ways to...

#4250Apr 11, 2022by dinosaurawr2 answers
0 reactions

Init() method typings error

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v 100.0.4896.75 Reproducible demo link https://stackblitz.com/edit/typescript-ou8qpc?file=index.ts&view=editor Describe the bug How to reproduce the bug?Try to init grapesjs with with index.d.ts What is the expected...

artf

Thanks @dinosaurawr that was fixed here https://github.com/artf/grapesjs/pull/4216/files

GJSBlock

Thanks for reporting this, @dinosaurawr. Great suggestion about init() method typings error! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative app...

#4225Mar 30, 2022by Sudhin354 answers
0 reactions

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

#4099Jan 25, 2022by jloguercio2 answers
0 reactions

"Using draggableComponents: false" still drag (clone?) some elements if i try to edit text

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v96Reproducible demo link https://jsfiddle.net/809enL2w/1/Describe the bug I use domComponents: { draggableComponents: false }, to avoid to drag components, only when you drag with the arrow in toolbar, but if do a fa...

artf

Yeah seems like the native HTML5 D&D still works with text selection, I'll try to fix it.

GJSBlock

Thanks for reporting this, @jloguercio. The issue with "Using draggableComponents: false" still drag (clone?) some elements if i try to edit text appears to be a race condition or state management timing problem. This typically happens whe...

#4059Jan 8, 2022by miladmeidanshahi2 answers
1 reactions

Selector escape function doesn't support tailwindcss classes

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v97Describe the bug At line https://github.com/artf/grapesjs/blob/dev/src/selector_manager/model/Selector.js#L171 the selector escape function doesn't allow / and . because of that we can't use some tailwind classes s...

miladmeidanshahi

Sorry i found very late this config https://github.com/artf/grapesjs/blob/e52b5c29e4346dba7367b769a44d99a2226e025f/src/selector_manager/config/config.js#L17

GJSBlock

Thanks for reporting this, @miladmeidanshahi. The issue with selector escape function doesn't support tailwindcss classes appears to be a race condition or state management timing problem. This typically happens when component lifecycle ev...

#4058Jan 8, 2022by clonefunnels2 answers
0 reactions

Hyphen changed to " by editor messes up modern coding.

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? ChromeReproducible demo link Not necessary - Obvious issueDescribe the bug This is what the code needs to be: data-zanim-lg='{"from":{"opacity":1,"x":70},"to":{"opacity":1,"x":0},"ease":"CubicBezier","duration":0.8,"delay":0...

artf

This is not a bug, but how attribute escaping works in HTML.

GJSBlock

Thanks for reporting this, @clonefunnels. The issue with Hyphen changed to " by editor messes up modern coding. appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and D...

#4000Dec 7, 2021by zachsnoek4 answers
0 reactions

Pasting a component in root body layer throws TypeError

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v89 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?In the official demo, navigate to the layer manager and copy any layer with cmd+cClick the root "Body" layer and pa...

artf

Thanks @zachsnoek yeah, as the wrapper (body) is a root component it doesn't have the related collection. Probably we might need to update the paste logic but your current fix is a good patch for now to avoid such an error so, the PR is hi...

zachsnoek

Thanks @zachsnoek yeah, as the wrapper (body) is a root component it doesn't have the related collection. Probably we might need to update the paste logic but your current fix is a good patch for now to avoid such an error so, the PR is hi...

GuiMoraesDev

Guys, I'm facing a similar problem To me, the error happens on FileUploader I've tried to enter on grapes demo to see if this behavior happens there too, and it's happening! I realize that If I clean my LocalStorage and reload the page, th...

#3939Nov 13, 2021by xQwexx4 answers
0 reactions

Disabled drag and drop in preview

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? v95Reproducible demo link https://codesandbox.io/s/grapes-border-issue-forked-2c0ib?file=/src/index.js:10258-10261Describe the bug How to reproduce the bug? I am trying to create a custom component, which contains drag end d...

artf

Hi @xQwexx what would be your solution in such a case? We still need to keep the D&D disabled in the preview. Can you also post your component code in order to understand better the use case?

no-response[bot]

This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...

xQwexx

Hi @artf I updated with a demo, also my suggestion would be that use the attributes: { draggable: 'true'}, indicator if the component is draggable in preview and leave the drag handling for the component template like attributes: { draggab...

#3883Oct 21, 2021by akhalid-dev1 answer
0 reactions

GrapesJS export functionality and 'View Code' functionality and the Canvas not operating in a similar manner with regards to hex colors.

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v91 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Headover to the website: https://grapesjs.com/demo.html.Clear the canvas for a simpler demonstration.Drop in a text...

GJSBlock

Thanks for reporting this, @akhalid-dev. Great suggestion about GrapesJS export functionality and 'View Code' functionality and the Canvas not operating in a similar manner with regards to hex colors.! While this specific feature isn't yet...

Browse all topics