GrapesJS Issues

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

743 issues found

πŸ” bug
#3778Sep 15, 2021by codingmachine164 answers
1 reactions

Select options are not displaying - new anomaly

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? ChromeReproducible demo link https://github.com/artf/grapesjs/issues/3735Describe the bug I am have issue related to select box . It is showing issues as in console [Traits]: 'select' type not found {level: 'warning'} When w...

Bran72

Hi ! I also have your issue since the v.0.17.25. I think it will be fixed in the next release. So the temporary solution is to downgrade to v0.17.22... Hope it will help you !

artf

Correct, it's been fixed here #3735

codingmachine16

OK . Sure. Thanks. For information, this issue does not exist on 0.17.22 but it is in 0.17.25

#3770Sep 12, 2021by damnslow4 answers
13 reactions

Improve and fix absolute dragMode

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v93 Reproducible demo link https://codepen.io/damnslow/pen/yLXXOxQ Describe the bug How to reproduce the bug?Select both the elementsDrag using drag icon What is the expected behavior? Both elements should move toge...

artf

Absolute positioning, right now, has more than one issue and I'd like to address them all here:[ ] Wrong position on a different Devices[ ] Wrong position on a zoomed/panned canvas[ ] Wrong position for children of the absolute component[...

itscarlosrufo

Hi everyone, Thanks a lot for the feedback and detailed discussion. We’re happy to share that we’ve addressed some of the requested functionality. Also, we’ve introduced a new absolute mode plugin that should cover most of the use cases me...

fmfeit

Hi @artf, this feature is crucial for my current project, so I have two questions: Is it possible to pay you (or someone else) to prioritize this feature? If not, can you outline the steps necessary to resolve the issue and give me a start...

#3763Sep 10, 2021by abolabo2 answers
0 reactions

V0.17.25 . Trait button in the custom component defining.

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? FirefoxReproducible demo link https://jsfiddle.net/abolabo/3g7j519h/19/Describe the bug Code works incorrect: traits: [ { type: "button", text: "click me", full: true, command: (editor) => console.log("trait command"), }, ],...

artf

Thanks @abolabo for the report, this issue was actually already fixed here #3735

GJSBlock

Thanks for reporting this, @abolabo. The issue with v0.17.25 . Trait button in the custom component defining. appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM...

#3759Sep 8, 2021by throne19864 answers
3 reactions

Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? chrome new versionReproducible demo link https://codesandbox.io/s/grapejs-reactjs-forked-zqnqo?file=/src/Editor.jsDescribe the bug How to reproduce the bug?Just drag and drop image block to canvasalso drag and drop custom im...

throne1986

I solved the issue for future reference first I removed this function : editor.on("component:add", (model, argument) => { if (model.getName() === "Image") { modal.setContent(ModalImages); } }); I replaced with this function editor.Commands...

artf

when you run editor.command.run('open-assets') you have to pass options, eg.

throne1986

@artf I solved the issue it was about closure problem , the solution just passing the URL as options as follows editor.Commands.run("open-assets", { target: editor.getSelected() url: imageUrl }); editor.Commands.add("open-assets", { run(ed...

#3753Sep 7, 2021by migokcek3 answers
0 reactions

When copying a text from anywhere the style manager is not working right.

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v92 Reproducible demo link https://grapesjs.com/demo.html Describe the bug When I take any text from Microsoft Office word or any websites it is coming with it’s own css and font-color, and the font-color attribute...

artf

If you paste a text with its own inner style, you have to change it for each pasted component, as their style overrides the parent one.

chirag0110

@artf , Even We are not able to change any pasted component. I have added lorem ipsum text from the lorem ipsum site. When I paste the text grapesJs wrap text with the "P" tag with id="i835ol". I am not able to change the styling of the "P...

GJSBlock

Thanks for reporting this, @migokcek. The issue with When copying a text from anywhere the style manager is not working right. appears to be a race condition or state management timing problem. This typically happens when component lifecyc...

#3745Sep 2, 2021by Light08152 answers
0 reactions

Can not delete background-image:url of body after an import

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chromev93 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Import the following codeNow try to delete the background-image: urlIt is not possible What is the expected behavior...

artf

Hi @Light0815 thanks for the report but I'm already aware of the bug with layers in conjunction with imported CSS, so I'm closing this one as a duplicate of #1396

GJSBlock

Thanks for reporting this, @Light0815. Great question about Can not delete background-image:url of body after an import. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentatio...

#3733Aug 30, 2021by anatoli-dp2 answers
0 reactions

Storage manager does not load coorectly?

WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...

artf

You're calling the clb outside the fetch, in your load function

GJSBlock

Thanks for reporting this, @anatoli-dp. The issue with (or just general issue) storage manager does not load coorectly? appears to be a race condition or state management timing problem. This typically happens when component lifecycle even...

#3731Aug 27, 2021by gustavohleal4 answers
1 reactions

Text element not able to be selected twice after extended with events

Version: 0.17.25 Are you able to reproduce the bug from the demo?[ ] Yes[x] No What is the expected behavior? Update a existing component of type text by adding an event to his view. Describe the bug detailed The event is being added, but once I select another component I cannot go back to the first one. It can only b...

gustavohleal

That actually was the problem. Thanks for replying. I'll be closing the issue.

ronaldohoch

+1 :D We are trying to solve this issue https://github.com/artf/grapesjs/issues/1136 Because it still happening when use a ckeditor.

artf

The events are not automatically merged with the extended component so, you have to do it manually.

#3727Aug 26, 2021by SintoDema4 answers
1 reactions

Issue on Style Import

Hi @artf, Describe the bug detailed While creating a new template using GrapesJS, I came across a scenario that, when we try to import CSS from the import modal it does not get reflected in the editor. On a blank editor, I have created a template with HTML & CSS adding to it.After that, I need to do some changes in th...

artf

Hi @javadsamiee the issue was fixed on the latest version of the preset plugin

artf

Hi @SintoDema the issue is here https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18 As you see, it updates components but doesn't clear the styles module. I don't...

javadsamiee

Hi @SintoDema the issue is here https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18As you see, it updates components but doesn't clear the styles module. I don't...

#3710Aug 17, 2021by rajnishrao2 answers
0 reactions

TypeError: Cannot read property 'stop' of undefined

I am using GrepeJS in a React project. When I enter in preview mode and press browser back button, preview mode does not exit. However, when I click on the eyeball it throws errors "TypeError: Cannot read property 'stop' of undefined"

artf

Hi @rajnishrao please try to update to the latest version. In case you still face the problem, open a new issue and include a reproducible demo.

GJSBlock

Thanks for reporting this, @rajnishrao. The error TypeError: Cannot read property 'stop' of undefined" occurs when the module attempts to access properties before the component lifecycle is fully initialized. This is a common race conditio...

Browse all topics