GrapesJS Issues

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

1180 issues found

#4187March 9, 2022by TownsheriffNo answers
0 reactions

BUG: Editor Destroy method throws an error in React

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 98 Reproducible demo link https://codesandbox.io/s/withered-rain-z74rst?file=/src/App.js Describe the bug How to reproduce the bug?Unmount child elementCreate useEffect with callback where editor is destroyed What i...

#4176March 4, 2022by varadero1 answer
0 reactions

BUG: Rich text editor very big icons in Firefox

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 95.0.2 (64-bit) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Use Firefox 95.0.2 (64-bit) to open https://grapesjs.com/demo.htmlDouble click on some text (like "Bui...

varadero

It looks like if I delete the <svg> elements which are part of the toolbar HTML, the vertical size becomes OK. These are the <svg> elements that cause the big height: This is how the rich text editor looks like when I delete them from HTML...

#4175March 3, 2022by sandeepyerkala1 answer
0 reactions

BUG: Offset lines are missing when reload frame

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 99.0.4844.51 Reproducible demo link https://jsfiddle.net/rakam/5o8te64y/19/ Describe the bug How to reproduce the bug?Add few components.After adding, reload frame by clicking on the right context menu.Offset lines...

artf

Sorry but I don't see right now any point of supporting/fixing the native reload of the iframe.

#4174March 3, 2022by javadsamiee1 answer
1 reactions

BUG: Refresh page we will lost body/wrapper background color

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 98.0.4758.109 Reproducible demo link https://jsfiddle.net/szLp8h4n Describe the bug How to reproduce the bug?"Body (Selected #wrapper) -> Decorations -> Background Color and set a colorSave changes then refresh the...

artf

Hi @javadsamiee thanks for the report. This is actually an old issue #2834 which I'm trying to address for the next release (I close this issue in favor of the old one).

#4173March 3, 2022by Ameeko3 answers
4 reactions

BUG: Text element does not work properly

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v98Reproducible demo link https://grapesjs.com/demo.htmlDescribe the bug I opened a notepad (Win11) I wrote this in the notepad: test [enter] test [enter] test [enter] I selected the entire text and copied it to the c...

Ameeko

Can anyone help me with this?

Ameeko

The text was a plain text, it had no tags. I tested with \n and \r\n line breaks, it doesn't work well. Unnecessary tags appear in GrapesJS when inserting plain text with line breaks.

Joshmamroud

@Ameeko & @artf I'm also having this issue. Has anyone found a fix for this?

#4168February 28, 2022by m-jojo-sNo answers
0 reactions

BUG: hover not toggled until next mouse-enter

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 98.0.4758.80 (Official Build) (arm64) Reproducible demo link https://jsfiddle.net/01pa5mty/9/ Describe the bug also thank you for adding hover:before and select:before events, will be really useful! How to r...

#4166February 26, 2022by AmeekoNo answers
0 reactions

BUG: Open style manager - class can be added by pressing the ENTER key

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v98 Reproducible demo link https://grapesjs.com/demo.html Describe the bug In the "Open style manager", the CSS class can be added by pressing the ENTER key. If GrapesJS is inside a Form tag, adding the CSS class wi...

#4157February 24, 2022by Adham3802 answers
0 reactions

BUG: Resizing canvas makes componenents end up with wrong positions once exported with dmode 'absolute'

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Microsoft edge 98.0.1108.56 Reproducible demo link https://jsfiddle.net/473b2tah/1/ Describe the bug The canvas resize is cool but does not take into account that one might be working with px offsets because of dmode which...

Adham380

I have sort of found a workaround... Set the .gjs-frame-wrapper to the desired width in CSS and transform: translate (- x px, 0px) for the iframe in CSS. The Canvas is not the correct width then (slightly smaller) but everything seems to w...

artf

https://github.com/artf/grapesjs/issues/3770#issuecomment-1059784514

#4154February 23, 2022by Ameeko2 answers
1 reactions

BUG: Nothing can be edited inside the link element

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v98Reproducible demo link https://grapesjs.com/demo.htmlDescribe the bug When I insert a text element into a link block element, the text element is no longer editable. Double-clicking on text element does not switch...

lofcz

duplicate of: https://github.com/artf/grapesjs/issues/4145 tl;dr: build grapejs locally as fix is currently unreleased or downgrade to 0.18.2

artf

Closing as duplicate of #4145

#4148February 18, 2022by varadero2 answers
2 reactions

BUG: 0.18.2 / 0.18.3 removes all on... HTML attributes when block is drag-dropped in the builder

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v99Reproducible demo link https://jsfiddle.net/jLo3qh7s/10/Describe the bug How to reproduce the bug?Create a block with content <input oninput="alert('123)" />Put that block into the builderLook at the HTML code What...

Ju99ernaut

That is the expected behaviour as stated in the release notes for 0.18.2

artf

Correct. In case you need to enable unsafe attributes (at your own risk), you can do it via config.parser.optionsHtml.allowUnsafeAttr option.