GrapesJS Issues

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

877 issues found

πŸ” question
#4010Dec 11, 2021by clonefunnels1 answer
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 / Firefox Reproducible demo link https://www.teamfunnels.net/login.php demo demo Describe the bug When I use this code to make all style important.... editor.on('styleable:change', (model, property) => { const value...

GJSBlock

Thanks for reporting this, @clonefunnels. 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 st...

#4006Dec 9, 2021by dev43224 answers
0 reactions

Background color automatically changes to black

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 By default background color is none. When i click on color picker to change the background color and doesn't select any color from color picker...

artf

I'm not able to reproduce it, are you able to provide a screen recording of the issue?

dev4322

@artf https://www.loom.com/share/223f7badb9994988be49833452bf11fd

jloguercio

I have the same issue, if you click outside the colorpicker it turn in black

#4001Dec 8, 2021by javadsamiee2 answers
0 reactions

Can not hold current unit when the first time input have Auto value

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? 96.0.4664.93 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Create a new block for example Text BlockNavigate Dimension > Width (by default is Auto)Change unit to vwthen rem...

artf

By looking at the current demo, seems to be fixed.

GJSBlock

Thanks for reporting this, @javadsamiee. Great question about Can not hold current unit when the first time input have Auto value. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS docume...

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

#3997Dec 7, 2021by kuhelbeher2 answers
0 reactions

Can't remove border of element

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v96 Reproducible demo link https://codesandbox.io/s/grapes-border-issue-94lje Describe the bug How to reproduce the bug?Select block with top and bottom bordersGo to Style panel -> Decorations -> BorderClear border-...

artf

Hi @kuhelbeher with the new https://github.com/artf/grapesjs/releases/tag/v0.18.1 release this can be handled. The main issue here is how the built-in border property is configured, which is a Composite type of border-width, border-style a...

GJSBlock

Thanks for reporting this, @kuhelbeher. Great question about Can't remove border of element. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module L...

#3986Dec 1, 2021by throne19864 answers
3 reactions

Cannot read properties of undefined (reading 'uploadFile')

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v96.0.4664.45 Reproducible demo link https://codesandbox.io/s/react-redux-toolkit-application-forked-l5rhp?file=/src/pages/Editor.js Describe the bug How to reproduce the bug?Just drag and drop the logo to canvas yo...

jkntar

I ran into this problem, too. It seemed to happen whenever I started dragging a block's media icon instead of the block text or block container. It seems that the issue was resolved by adding pointer-events: none; to each of my block's med...

markovic-nikola

pointer-events: none; is not working for me, I literally have to restart the whole browser in order to make it working normally again.

luasenvy

pointer-events: none; is not working for me, I literally have to restart the whole browser in order to make it working normally again. @markovic-nikola This Is REALLY IMPORTANT. SUPER THANKS. :D

#3975Nov 25, 2021by Sudhin352 answers
0 reactions

Background Image Starts duplicating in all the pages if we add only for one page

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v9Reproducible demo link NothingDescribe the bug How to reproduce the bug?Implement the multipage concept Create the 3 pagesClick on the background image in decorations ( Style Manager ) and add it to first pageNow ad...

artf

Please check this option first https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors In case you still have problems, open a proper bug issue with a reproducible demo link.

GJSBlock

Thanks for reporting this, @Sudhin35. Great question about Background Image Starts duplicating in all the pages if we add only for one page. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the G...

#3972Nov 23, 2021by ronaldohoch2 answers
1 reactions

Can't drop img inside noscript tag

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave VersΓ£o 1.32.106 Chromium: 96.0.4664.45 (VersΓ£o oficial) 64 bits Reproducible demo link https://jsfiddle.net/960huLz5/ Describe the bug How to reproduce the bug?Open grapesjsrun: editor.addComponents('<noscript><img s...

artf

Hi @ronaldohoch thanks for the report. What you're saying is true, but unfortunately, this is the parsing result of the native HTML DomParser, so I don't see any proper way to fix it. The only workaround for cases like this (importing an H...

GJSBlock

Thanks for reporting this, @ronaldohoch. Great question about can't drop img inside noscript tag. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific mod...

#3951Nov 17, 2021by majidh13 answers
3 reactions

Events On assetmanager not working

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 editor.on("asset:upload:start",console.log) not working after versiom 0.17.26 not working assetmanager events asset:upload:start or asset:upload:end on editor i am deb...

cusmai

Hi, still not working, events are not fired:

artf

Fixed here https://github.com/artf/grapesjs/pull/3934/files

GJSBlock

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

#3950Nov 17, 2021by ttjpatric1 answer
0 reactions

Unable to create a link to image

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v95 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?...... What is the expected behavior? When we drag and drop an image into the link block object, both the objects a...

GJSBlock

Thanks for reporting this, @ttjpatric. Great question about Unable to create a link to image. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look...

Browse all topics