GrapesJS Issues

Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.

1180 issues found

#4029December 22, 2021by jloguercio1 answer
0 reactions

BUG: Drag Blocks to Canvas performance when you have 1000+ custom blocks

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v96Reproducible demo link No demoDescribe the bug How to reproduce the bug?Add to Block manager more than 1000 blocks, in my case 7,864 font awesome icons.Try to drag any block from block panel Explanation I added eve...

artf

For your case, I'd suggest creating a custom block manager where you can adapt the UI for your blocks as you wish (eg. search, DOM virtualization, etc.)

#4026December 22, 2021by johnkeel-thorkNo answers
0 reactions

BUG: Incorrect Padding on .gjs-devices-c

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 96 Reproducible demo link https://advhub.net/communities/admin/pageeditor2/ Describe the bug How to reproduce the bug?Look at the devices-c div padding <img width="223" alt="Screenshot 2021-12-22 at 10 05 35" src="h...

#4024December 22, 2021by mingxin-yang3 answers
0 reactions

BUG: When pasting text into text, the view scrolls and loses focus

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-newsletter-editor.html Describe the bug How to reproduce the bug?https://grapesjs.com/demo-newsletter-editor.html use CKeditor, I don’t know if it’s a configuration p...

mingxin-yang

@artf

artf

This issue comes from CKEditor itself so, if there is a patch to apply, it should be applied on the plugin level (I'm not even sure it's possible) as it's not related to the core.

bernhardmiller

@mingxin-yang I had a similar problem with CKEditor and scrolling. For me, it happened when the user pressed the return key. If the grapes document was too long, the canvas scrolled down way to far. I had to solve the problem in CKEditor i...

#4020December 17, 2021by cunj121 answer
0 reactions

BUG: SVG text textcontent not updated when calling getHtml on editor

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v96 Reproducible demo link https://jsfiddle.net/1hrLxdba/30/ Describe the bug How to reproduce the bug?Drag a svg text block to the canvas.Change it's content via the svg-text traitClick on print html What is the ex...

artf

You have to update the Component content, not the DOM

#4015December 15, 2021by YairNa2 answers
0 reactions

BUG: Drag and drop not working well in case of RTL

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v96 Reproducible demo link https://jsfiddle.net/emgbo8k1/3/ Describe the bug How to reproduce the bug?add the 3 columns block to the canvasdrag and drop in order to change the columns order What is the expected beha...

sridhar391

@YairNa We have also faced the same issue, please refer to the link https://github.com/artf/grapesjs/issues/4094

JSSaint

@YairNa @sridhar391 it's not a RTL issue. chrome browser only we have face this issue. Firefox is working properly.

#4010December 11, 2021by clonefunnelsNo answers
0 reactions

BUG:

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

#4006December 9, 2021by dev43223 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

#4001December 8, 2021by javadsamiee1 answer
0 reactions

BUG: 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.

#4000December 7, 2021by zachsnoek3 answers
0 reactions

BUG: 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...

#3997December 7, 2021by kuhelbeher1 answer
0 reactions

BUG: 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...