GrapesJS Issues

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

466 issues found

πŸ” components
#3693Aug 11, 2021by GaikwadShubham3 answers
1 reactions

AdoptStylesheet not supported in grapesJS

Version: You can get the version by typing grapesjs.version into the console 0.17.22 Are you able to reproduce the bug from the demo?[x] Yes[ ] No What is the expected behavior? Should be able to see the web component in similar fashion as it is outside the grapesJS container Describe the bug detailed Grapesjs not abl...

artf

This issue is due to how AdoptStylesheet works and it's similar to this one from lit-element. Basically, you can't share the same CSSStyleSheet across multiple documents, so you have to recreate it manually, here below is a code for custom...

vasicvuk

Is there any solution for using lit-element components 3.X with grapesJS?

GJSBlock

Thanks for reporting this, @GaikwadShubham. The issue with AdoptStylesheet not supported in grapesJS appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifica...

#3688Aug 10, 2021by mingxin-yang2 answers
0 reactions

How to customize a component

I read this document https://grapesjs.com/docs/modules/Components.html#define-custom-component-type and tried to write the following code. I want to make mj-body impossible to delete: But I don't see the effect, please help me

artf

Do this isComponent: el => (el.tagName || '').toLowerCase() === 'mj-body',

GJSBlock

Thanks for reporting this, @mingxin-yang. Great question about How to customize a component. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module L...

#3685Aug 9, 2021by throne19861 answer
0 reactions

ShowStylesOnChange is not working

Guys, I am new to grapes, I would like on component change show the Style Manager, here is my component and how I add it, also I would like to video type to asset manager Unfortunately, neither Style Manager nor video type is added, can someone tell me the right way to add these things to my configuration? I am using...

GJSBlock

Thanks for reporting this, @throne1986. Great question about showStylesOnChange is not working. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific modul...

#3683Aug 9, 2021by mingxin-yang4 answers
2 reactions

How to set the component cannot be deleted

mingxin-yang

https://grapesjs.com/docs/modules/Components.html#define-custom-component-type , this ? @artf

artf

To enable rich text editor on one click, you can extend the original text component in this way

artf

I'd suggest creating a custom Component with removable property set to false

#3681Aug 7, 2021by Joshmamroud4 answers
0 reactions

Textable not working with extended text component

Version: 0.17.22 Are you able to reproduce the bug from the demo?[X] Yes[ ] No What is the expected behavior? Should be able to drop a textable element into a custom component that extends the text component What is the current behavior? Can't drop a textable component into a custom component that extends a text compo...

artf

Hey @Joshmamroud there is actually a general issue about textable components here #2771

Joshmamroud

Thanks, @artf. I think my problem here is more so the custom component that extends the Text component. Textable works as expected with the original Text component but when I try to create my own, custom text component that's where I run i...

artf

From your demo, I don't see issues with the extended text component, but only those related to textable

#3675Aug 5, 2021by rywilson281 answer
0 reactions

Badges can obscure elements content even when there is room below the element

Version: 0.17.23 Are you able to reproduce the bug from the demo?[x] Yes[ ] No Its possible for the badge to obscure the content of the element if the element is placed at the top of the canvas. What is the expected behavior? If there is room, the label should be placed below the element. Are you able to attach screen...

GJSBlock

Thanks for reporting this, @rywilson28. The issue with Badges can obscure elements content even when there is room below the element appears to be a race condition or state management timing problem. This typically happens when component l...

#3674Aug 5, 2021by sriya-srinivasan4 answers
1 reactions

Invisible webcomponents

Version: 0.17.19 What is the current behavior? That the added webcomponent is visible: When adding web components inside grapesjs container, the component is empty/blank, if the component has elements in the shadow DOM. (If not using shadow dom to create components there is no issue.) It is visible in layer manager, b...

artf

Posted a workaround here https://github.com/artf/grapesjs/issues/3693

artf

Hey @sriya-srinivasan can you create a reproducible demo, please?

artf

@sriya-srinivasan any update please?

#3673Aug 5, 2021by imouou2 answers
0 reactions

Option resizable:true will change all the same components in canvas.

WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...

artf

Use component first styling

GJSBlock

Thanks for reporting this, @imouou. The issue with option resizable:true will change all the same components in canvas. appears to be a race condition or state management timing problem. This typically happens when component lifecycle even...

#3655Jul 30, 2021by TRIGGEREDcoder2 answers
0 reactions

The form button name changes are not getting captured in generated html code

Version: Version 0.17.19(grapesjs) Version 0.1.11(grapesjs-preset-webpage) Are you able to reproduce the bug from the demo?[ ] No What is the expected behavior? If I change a button name by changing the text in Component Settings for the button. The change should reflect in the Canvas as well as the html code in code...

artf

Hi @TRIGGEREDcoder there is an issue with the preset webpage plugin which references the old form plugin containing the bug. So, I'm closing this one as it's not part of the core and will update the plugin reference soon.

GJSBlock

Thanks for reporting this, @TRIGGEREDcoder. The issue with The form button name changes are not getting captured in generated html code appears to be a race condition or state management timing problem. This typically happens when componen...

#3654Jul 30, 2021by NoumanAhmad-Braqsol1 answer
0 reactions

Editor.setComponents(html) and pageManager.select(pageId) not load js scripts

Hi, @artf As i have read allowScripts:1 allow grapesjs to load scripts . when i load a LandingPage first time it works fine . it load all javascript. After this when i use editor.setComponents(html) or pageManager.select(pageId) for the same html string that used in LandingPage . javascript not work . appendOnClick:1...

GJSBlock

Thanks for reporting this, @NoumanAhmad-Braqsol. Great suggestion about [QUESTIONS] editor.setComponents(html) and pageManager.select(pageId) not load js scripts! While this specific feature isn't yet in the core API, there are several way...

Browse all topics