GrapesJS Issues

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

3,464 issues found

#4506Aug 10, 2022by tyuterry4 answers
0 reactions

Error on drag block with dragmode: absolute

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v103 Reproducible demo link https://stackblitz.com/edit/js-1xpo7b Describe the bug How to reproduce the bug?use dragMode: absolute (designer mode)drag a block from Block Manager Can not reproduce on JSFiddle here bu...

artf

Thanks @tyutony the issue was fixed already (https://github.com/artf/grapesjs/pull/4487). Unfortunately, the only workaround now would be to expose globally the editor instance (window.editor = grapesjs.init({...}))

wunksert

@tyutony I'm experiencing this same thing, did you find a workaround? Doesn't seem like the bug is fixed

artf

@wunksert it's fixed but not yet released (the new release will be published soon)

#4503Aug 5, 2022by gustavohleal4 answers
0 reactions

Missing inline styles used by CKEditor when adding raw html components

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-newsletter-editor.html Describe the bug How to reproduce the bug?Open the developer tools at the console tabRun the code belowSelect the text addedEdit somethin...

shkhalid

+1

pety-dc

Hey I've been having similar issues. I think it's quite serious as both newsletter and mjml demo are affected. (Both use CKeditor as RTE) When I import a content that has a text (mj-text) that has styled elements (span) the imported conten...

raymondmakz

ckeditor output: <div>some rich text from <span style="color:blue">ckeditor</span></div> after parsing into editor, become like: <div data-gjs-type="text">some rich text from <span style="color:blue" data-gjs-type="default">ckeditor</span>...

#4501Aug 5, 2022by udayan462 answers
0 reactions

[X] I confirm to use the latest version of GrapesJS

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link no demo link Describe the bug Hello @artf , can you please check these two 1.Cannot add color code manually in grapesjs editorImport modal is not having any save optionCode of Conduct [X] I ag...

artf

Please don't open BUG issues if you're not able to provide a reproducible demo.

GJSBlock

Thanks for reporting this, @udayan46. The issue with * appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creating an inconsistent state....

#4498Aug 4, 2022by ajjuyadav02092 answers
0 reactions

Seeing Multiple pages on scroll

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? brave Reproducible demo link https://codepen.io/etamity/pen/NWpKYPp Describe the bug how to See multiple pages in onscroll using pageManager ? Code of Conduct [X] I agree to follow this project's Code of Conduct

artf

Please use Discussions for questions

GJSBlock

Thanks for reporting this, @ajjuyadav0209. Great question about Seeing Multiple pages on scroll. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module L...

#4497Aug 3, 2022by benryanwilliams4 answers
3 reactions

Updating to GrapesJS v19.5 from v18.4 results in Chrome becoming unresponsive

GrapesJS version[x] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 104.0.5112.79Reproducible demo link https://jsfiddle.net/gvrnw2c3/4/Describe the bug How to reproduce the bug? I'm currently unable to reproduce the bug using jsfiddle, which leads me to believe it's a problem with Ch...

tyuterry

A reproduce on Fiddle (with vue) I can not reproduce without vue jsfiddle Steps to reproduce the issue:Add a text componentSelect the text component then click the 'Convert to Conditional' button at the bottomHover over the conditional tex...

artf

Thanks guys, I was actually able to reproduce it by wrapping the example inside Vue but I'm not sure exactly why is stuck in the loop here. At first look, it seems to be related to Vue's Proxy observers. By comparing the demo with the prev...

benryanwilliams

Thanks @artf, all working perfectly now upon declaring the editor outside of the Vue instance.

#4496Aug 3, 2022by bovealexandre4 answers
0 reactions

SetStyle

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? chrome latest versionReproducible demo link none as it has way too much custom code with react and things like thatDescribe the bug How to reproduce the bug? add more styles to editor with setStyles here is the string that I...

bovealexandre

and when I try to add this it only adds this

artf

@bovealexandre provide at least a minimal reproducible example as from what I can see right now it might be your custom code the reason

bovealexandre

@bovealexandre provide at least a minimal reproducible example as from what I can see right now it might be your custom code the reason ok I just had to editor.getCss({ keepUnusedStyles: true } on my scss editor

#4495Aug 3, 2022by TechyMS1 answer
0 reactions

Button component is not working

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://grapesjs.com/demo.html Describe the bug What is the expected behavior? Button component is not working.Code of Conduct [X] I agree to follow this project's Code of Conduct

GJSBlock

Thanks for reporting this, @TechyMS. The issue with Button component is not working appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, cr...

#4489Jul 30, 2022by contentfree4 answers
0 reactions

Loading initial project data from a designer-mode project results in wrong canvas size

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v103 Reproducible demo link https://codesandbox.io/s/laughing-austin-k12mc3?file=/index.js Describe the bug If you view the linked CodeSandbox and find the commented out line providing the projectData to the editor,...

contentfree

I can kinda force it to the correct canvas size by:Not providing projectData in the initial config, Loading the projectData via editor.loadProjectData(...) after initialization and Then running editor.Canvas.getModel().updateDevice(); thou...

artf

Thanks @contentfree I'll try to fix that for the next release

contentfree

Thanks @artf. I'll keep my eye open for the next release (looks like your kanban board is empty now … so should be imminent?)

#4481Jul 27, 2022by skru2 answers
0 reactions

V0.19.5 Breaks headless editor.setComponents() (with Map/Video block)

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 102.0.5005.115 (Official Build) (64-bit) Reproducible demo link Describe the bug This is an extension of #4473 When adding a map or video block via editor.setComponents() in a headless environment you get a similar...

artf

Thanks @skru I've actually already taken care of the parseUri here so it should work in the next release

GJSBlock

Thanks for reporting this, @skru. The issue with v0.19.5 Breaks headless editor.setComponents() (with Map/Video block) appears to be a race condition or state management timing problem. This typically happens when component lifecycle event...

#4480Jul 26, 2022by ValouZ2 answers
0 reactions

Iframe on a block can't be edited

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox v102.0.1 Reproducible demo link This is work code i can't.. Describe the bug How to reproduce the bug?Drag and drop on the page the block VideoYou'll see that you can't do anything with my iframe What is the expect...

artf

Thanks @ValouZ for the report, there is actually a typo on the iframe view. I'll take care of it for the next release.

GJSBlock

Thanks for reporting this, @ValouZ. Great question about Iframe on a block can't be edited. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for...

Browse all topics