GrapesJS Issues

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

545 issues found

πŸ” typescript
#4475Jul 23, 2022by zithasdev2 answers
0 reactions

Link Button Not work

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 103.0.5060.134Reproducible demo link https://www.w3schools.com/html/tryit.asp?filename=tryhtmllinksw3schoolsDescribe the bug How to reproduce the bug?.when i work my project related link ... What is the expected behav...

artf

Sorry but you have to open the bug issue properly by following all steps and providing a reproducible demo.

GJSBlock

Thanks for reporting this, @zithasdev. Great question about Link Button Not work. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on(...

#4473Jul 22, 2022by skru2 answers
0 reactions

V0.19.5 Breaks headless editor.setComponents(): "Uncaught (in promise) ReferenceError: window is not defined"

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 How to reproduce the bug? I'm unable to reproduce this on JSFiddle, but that sort of makes sense. #4373 has introduced a bug in editor...

artf

Thanks @skru I'll take care of it

GJSBlock

Thanks for reporting this, @skru. Great question about v0.19.5 Breaks headless editor.setComponents(): "Uncaught (in promise) ReferenceError: window is not defined". The recommended approach with Components is to use the event-driven API....

#4466Jul 20, 2022by capoia3 answers
1 reactions

Change in traits does not update html

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfiddle.net/weellingtonc/t8hs9f67/2/ Describe the bug How to reproduce the bug?add 'button-cube' component to workspaceclick on the created buttongo to the settings component and chan...

skru

first, you're code needs to go in a plugin https://grapesjs.com/docs/modules/Components.html#define-custom-component-type and you're not updating the model of the component, just the html in the canvas... https://jsfiddle.net/jmweg8u1/4/

artf

Yeah correct, thanks @skru You can also connect the content directly to the trait to read also the initial value.

GJSBlock

Thanks for reporting this, @capoia. Great question about Change in traits does not update html. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module...

#4455Jul 18, 2022by mickeyDominic3 answers
0 reactions

'panel-devices' and 'panel-switcher' conflicting

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 103.0.5060.114 Reproducible demo link https://codepen.io/Dominic_M/pen/eYMgqyw Describe the bug How to reproduce the bug?Follow GrapesJS "Getting Started" >> https://grapesjs.com/docs/getting-started.htmlCon...

artf

@mickeyDominic you're placing all the default panels under the same object Where it should be one object per panel

mickeyDominic

Thank you @artf. Silly me :)

GJSBlock

Thanks for reporting this, @mickeyDominic. Great question about 'panel-devices' and 'panel-switcher' conflicting. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for yo...

#4449Jul 14, 2022by skru4 answers
0 reactions

Lists not working with default RTE

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 102.0.5005.115 (Official Build) (64-bit) Reproducible demo link https://jsfiddle.net/6Ldn124x/3/ Describe the bug How to reproduce the bug?Click on text block to open RTETry and add a list What is the expect...

skru

I've tried to find a fix for this but failing. Problem occurs with: onKeydown(event) { if (event.key === 'Enter') { this.doc.execCommand('insertLineBreak'); event.preventDefault(); } } Which, when creating a list is not the desired behavio...

artf

I'm not sure yet about the best long-term solution but as a workaround, we can prevent that condition but checking the active state of insertOrderedList/insertUnorderedList. I'll take care of it for the next release.

jack2ky

Where to find other commands like "insertUnorderedList"?

#4448Jul 14, 2022by ronaldohoch4 answers
0 reactions

Error on resize image.

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave Browser Last version Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Opens the demo page.Puts an image.Double click to select image.Set width to 100%.Set height to auto...

artf

Hi Ronaldo, I'm not sure if there is a simple way to fix this behavior globally for all use cases as you're resizing the image for both sizes and not only the width (in that case the height wouldn't change). What I can suggest trying is to...

gustavohleal

Hi @artf. One way we thought to fix this for our use case based on our users is to change the units for width and height always together. That means when the user changes the width from pixels to %, for example, the height will also be cha...

ronaldohoch

Let me know if that works for you Hi Arthur, these configuration didn't make any changes to the image, it keeps setting the height with px instead of auto, as property keepAutoHeight suggest

#4447Jul 13, 2022by barryross3 answers
0 reactions

Style manager does not accurately reflect inherited color

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? 103.0.5060.114 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Click a parent container, such as the first component with the .container-width class in the demoIn typography,...

artf

Hi Barry, yeah currently this is the expected behavior (check also this discussion) but I hope one day to add proper support for inherited properties.

barryross

okay, thank you for letting me know On Mon, Jul 18, 2022 at 9:29 AM Artur Arseniev @.> wrote: Hi Barry, yeah currently this is the expected behavior (check also this discussion <https://github.com/artf/grapesjs/discussions/4245>) but I hop...

GJSBlock

Thanks for reporting this, @barryross. Great question about Style manager does not accurately reflect inherited color. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation...

#4440Jul 11, 2022by skru2 answers
1 reactions

Extending text component breaks textable blocks

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Version 102.0.5005.115 (Official Build) (64-bit)Reproducible demo link https://jsfiddle.net/trh1sbmk/17/Describe the bug How to reproduce the bug?GoTo supplied fiddle.Drag "Extended text component" block into editor.Try to d...

artf

Thanks @skru yes, there is an internal issue I have to fix to properly handle extended text components but once it's fixed another thing to keep in mind when you extend text components, it's to use components property instead of content.

GJSBlock

Thanks for reporting this, @skru. Great question about Extending text component breaks textable blocks. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific...

#4416Jun 29, 2022by bimsina2 answers
0 reactions

Can't parse trait values using Template literals(String Interpolation)

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v103.0.5060.53 Reproducible demo link https://codesandbox.io/s/grapes-js-template-literal-1p7sx2?file=/src/App.js Describe the bug How to reproduce the bug?Add a new Type with custom traitsParse the trait value usin...

artf

Sorry but this is not a bug, it simply doesn't work that way. Anyway refer always to the latest documentation https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts as this method of passing properties was depre...

GJSBlock

Thanks for reporting this, @bimsina. Great question about Can't parse trait values using Template literals(String Interpolation). The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS docum...

#4401Jun 21, 2022by m-jojo-s1 answer
0 reactions

Resizer does not work with touch - draggable attribute not set on handlers

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 102.0.5005.115 (Official Build) (arm64) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Launch demo with touch controls enabledAdd an imageResize image using r...

GJSBlock

Thanks for reporting this, @m-jojo-s. Great question about resizer does not work with touch - draggable attribute not set on handlers. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS do...

Browse all topics