GrapesJS Issues

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

545 issues found

πŸ” typescript
#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

#3679Aug 6, 2021by imouou2 answers
0 reactions

Device width is invalid by default

Thanks for #3673 I have a new bug feedback. Version:. 0.17.22 Are you able to reproduce the bug from the demo?[ ] Yes[ ] No What is the expected behavior? I want the default to be the width of the mobile device, so I configured min-width priority, but only the mobile width is displayed by default on the select box, an...

artf

Yeah, you're right, actually, there is no option to select the default device... For now, as a workaround, do it manually after init: And as you're using the mobile-first approach, you would need to fix your Desktop device: In the next rel...

GJSBlock

Thanks for reporting this, @imouou. The issue with Device width is invalid by default appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap,...

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

#3668Aug 3, 2021by anatoli-dp4 answers
0 reactions

Cant Reset Canvas after Moving/scaling it

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

I'm not sure if I understand your issue, how do you exactly move/scale the canvas? this is unrelated but is there a function that can be called to zoom the content not the canvas? so like if i want to scale it like if it were on some reall...

anatoli-dp

i scale it using the editor.Canvas.setZoom and move it using spacebar. atm i removed what i did but it was something like getting the canvas element and just positioning it with a style update. however this change isnt permanent and as soo...

artf

If you're talking about the moving coordinates, we don't have yet a direct API for that, but you can actually get/update them in this way:

#3661Aug 1, 2021by aliibrahim1231 answer
0 reactions

Style manager not working(styles has no effect)

hi, i am working on a plugin that will add all the properties of css3 into grapesjs. but all time i use the style manager the style do not apper, version: 1.17.19 css parser: grapesjs-parser-postcssstyle manager sectors [{ name: 'General', buildProps: ['float', 'display', 'position', 'top', 'right', 'left', 'bottom'],...

GJSBlock

Thanks for reporting this, @aliibrahim123. Thanks for sharing your report about style manager not working(styles has no effect). To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/...

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

#3652Jul 28, 2021by NoumanAhmad-Braqsol4 answers
0 reactions

Grapes js not Recognize a link if i change a text into link .

Hi @artf i am new at grapes js i write a function to convert seleted text into link . it works fine. when i select the component type It say it is a text . After refresh the page it Recognize a link. but i dont want to refresh it . How to do this ? you can see above "Advantage" is a link now but in console it show it...

artf

Are you talking about the CKEditor or the default RTE?

NoumanAhmad-Braqsol

I am using CKEditor .

artf

This is not the right repository then

#3645Jul 26, 2021by codingmachine162 answers
0 reactions

READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow C…

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

codingmachine16

Hi @artf Hi, We are building a CMS using grapesJs. We have created componets for header, footer,products slider, different kind of banners. We have completed almost a Ecommerce site using grapesjS + React Js +NodeJs and Mongdb. We are able...

GJSBlock

Thanks for reporting this, @codingmachine16. Great question about *. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on() event li...

Browse all topics