GrapesJS Issues

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

3,464 issues found

#4669Oct 18, 2022by micker2 answers
0 reactions

Gradient plugin doesn't works on 1.20

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome and firefox Reproducible demo link https://codepen.io/artf/full/bYwdQG/ Describe the bug implΓ©ment gradiant plugin produce js error https://github.com/artf/grapesjs-style-gradient https://github.com/artf/grapesjs-st...

artf

Yeah, there is a note on this release https://github.com/artf/grapesjs/releases/tag/v0.18.1 I just didn't find the time yet to update those plugins (any help is appreciated)

GJSBlock

Thanks for reporting this, @micker. The issue with Gradient plugin doesn't works on 1.20 appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overla...

#4668Oct 18, 2022by GoodPHP3 answers
0 reactions

CKEditor5 + Froala + Tinymce6 into GrapesJS

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link Describe the bug CKEditor5: https://gjs.market/products/tinymce-6-inline-text-editor Froala: https://gjs.market/products/froala-inline-text-editor Tinymce6: https://gjs.market/products/tinymce...

micker

interesting feature

GoodPHP

interesting feature Thanks βœ…

GJSBlock

Thanks for reporting this, @GoodPHP. The issue with CKEditor5 + Froala + Tinymce6 into GrapesJS appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications...

#4654Oct 11, 2022by malonecj3 answers
0 reactions

Custom component for text node including special characters

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v105 Reproducible demo link https://codesandbox.io/s/fancy-brook-ppyc8v?file=/index.js Describe the bug Background: I am trying to configure grapesjs to be able to edit markup that contains the Liquid template langu...

artf

Hi @malonecj I'm not sure how exactly you would expect to see and manage those components (especially when you combine templates inside conditions) but I think your current approach in isComponent is not properly correct as you have to dea...

artf

I'm closing this one as there are no issues with the core itself, if you have any other questions @malonecj let me know.

GJSBlock

Thanks for reporting this, @malonecj. Great suggestion about Custom component for text node including special characters! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the...

#4646Oct 6, 2022by javadsamiee2 answers
0 reactions

Even/odd state don't work as expected

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? 106.0.5249.91 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Drag "1 Column" blockAdd four "Text" blocks into the columnSelect the column and choose "Even/odd" state then ch...

artf

I think you should apply Even/Odd on text components if you expect different colors on them. With Even/Odd applied on the column the effect will be visible with multiple columns. I'm closing this as it's not a bug but how :nth-of-type works

GJSBlock

Thanks for reporting this, @javadsamiee. Great question about Even/odd state don't work as expected. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific modu...

#4621Sep 27, 2022by shelendravashishtha24 answers
1 reactions

No Option found for showing multiple pages on a single canvas

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 Hi, I am using grapsjs with react, found it very useful so far but I want to show all the pages created in my application to be previewed on canvas but found no option...

stljeff1

I believe you have to make your own component to show multiple pages and click between them. here is an example that I found in these forums which show how to create your own Page Manager component. https://codepen.io/artf/pen/XWpJQoY

artf

@shelendravashishtha2 use Bug Issues properly please, if you have questions, use Discussions.

dali-97

hello any one can help i need somthing that allow me to create a multiple custem page like grapesjs i need it for my diplom thanks

#4618Sep 26, 2022by TanyaKulikovskaya2 answers
0 reactions

Color input with no hash does not update color picker

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://codepen.io/ Describe the bug When using the color input with hash (hex color) everything works fine. However if I adding a hex value without hash (just digits) to the input and press e...

artf

Hi @TanyaKulikovskaya please provide a reproducible demo as from a quick check the color picker seems to work without hash

GJSBlock

Thanks for reporting this, @TanyaKulikovskaya. The issue with Color input with no hash does not update color picker appears to be a race condition or state management timing problem. This typically happens when component lifecycle events a...

#4612Sep 23, 2022by Drew-Daniels2 answers
1 reactions

Cannot Drop MJML Components onto Blank Canvas after version 0.19.4

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? 105.0.5195.125 (Official Build) (x86_64) Reproducible demo link https://codesandbox.io/s/grapesjs-grapesjs-mjml-react-bug-w7qtec?file=/src/index.js Describe the bug How to reproduce the bug?Start with a blank canvasTry dra...

artf

Thanks for the report Drew, this seems to be related to the Standards mode of the iframes. At the moment to fix it, I'd suggest switching to the Quirks mode by removing the doctype: I'm closing the issue as it's not really related to the c...

GJSBlock

Thanks for reporting this, @Drew-Daniels. Great question about Cannot Drop MJML Components onto Blank Canvas after version 0.19.4. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS doc...

#4608Sep 23, 2022by FaisalShaikhHA4 answers
1 reactions

After upgrading from 0.19.4 to latest version 0.20.1, icons under layer manager not visible.

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 104.0.5112.101 (Official Build) (arm64) Reproducible demo link Screenshot: https://d.pr/i/AyHJyL Describe the bug How to reproduce the bug?Upgrade to the latest grapesjs version. What is the expected behavior? Icon...

artf

Thanks @FaisalShaikhHA ok I'll fix that as that rule is quite common.

artf

Is it what you see also here https://grapesjs.com/demo.html? I see those icons properly πŸ€”

FaisalShaikhHA

No, on the demo page icons are visible properly. To update grapesjs I removed the old version by using npm remove grapesjs and then npm install grapesjs to get the latest version. I also tried deleting grapesjs folder from node_modules and...

#4607Sep 23, 2022by RomanGlazkov2 answers
0 reactions

JS error when moving an element with its child

GrapesJS version[x] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v104Reproducible demo link https://grapesjs.com/demo.htmlDescribe the bug How to reproduce the bug?Select an elementHold down the CTRL key and select a child elementTry moving these elements What is the expected behav...

artf

I guess we should avoid selecting children of already selected components in the first place.

GJSBlock

Thanks for reporting this, @RomanGlazkov. Great suggestion about JS error when moving an element with its child! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event sys...

#4606Sep 22, 2022by bit-ocean2 answers
0 reactions

A script delcaration mistake at "Commponent & JS" documentation page.

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? irrelevant to the issue Reproducible demo link https://grapesjs.com/docs/modules/Components-js.html#basic-scripts Describe the bug Hey, rather than creating a pull request for such a small change, I share it here. The intr...

artf

The script is right above ps: you can use Discussions if you're not reporting a bug

GJSBlock

Thanks for reporting this, @bit-ocean. The issue with A script delcaration mistake at "Commponent & JS" documentation page. appears to be a race condition or state management timing problem. This typically happens when component lifecycle...

Browse all topics