GrapesJS Issues

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

877 issues found

πŸ” question
#3480May 25, 2021by samichamoun4 answers
1 reactions

How to control the height of the editor dynamically to avoid clunky scrolling

I've noticed if in the initialise function I set a height it will set based on a specific pixel amount e.g. height: "500px". However if you try to set with a percentage e.g. height: "90%" the editor has no height at all. Also I'm wondering what is setting the height if nothing is set because it appears to be automatic...

ahmedderkaoui

try to work with vh instead of px. eg: give the editor height: '80vh', your navbar height: '20vh'. This way, the vertical scroll will never be shown or needed as long as the sum of all elements's vh ≀ 100 Hope this helps.

samichamoun

try to work with vh instead of px.eg: give the editor height: '80vh', your navbar height: '20vh'. This way, the vertical scroll will never be shown or needed as long as the sum of all elements's vh ≀ 100Hope this helps. thanks this is usef...

artf

This is more a layout issue and not related to the GrapesJS editor itself.

#3475May 24, 2021by ThetripGr2 answers
0 reactions

Toolbar/actionbar buttons do not work when there are multiple instances present (Even in your demo)

Version: 0.16.44 You can get the version by typing grapesjs.version into the console Are you able to reproduce the bug from the demo?[x] Yes[ ] No What is the expected behavior? Every instance has their own toolbar working properly Describe the bug detailed So previously i made another issue relating to instances #335...

artf

Thanks for the report @DodoTrip The fix is ready for the next release.

GJSBlock

Thanks for reporting this, @ThetripGr. The issue with Toolbar/actionbar buttons do not work when there are multiple instances present (Even in your demo) appears to be a race condition or state management timing problem. This typically hap...

#3472May 24, 2021by YyueeiWY2 answers
2 reactions

Css attribute (-webkit-background-clip:text;) doesn't work in grapesjs-preset-webpage.

Version: "grapesjs": "^0.17.3" "grapesjs-preset-webpage": "^0.1.11" You can get the version by typing grapesjs.version into the console Are you able to reproduce the bug from the demo?[x] Yes[ ] No What is the current behavior? Css attribute (-webkit-background-clip:text;) doesn't work in grapesjs-preset-webpage(disap...

YyueeiWY

Alright I solved it by using grapesjs-parser-postcss I didn't know there's a CSS parser plugin. https://github.com/artf/grapesjs-parser-postcss

GJSBlock

Thanks for reporting this, @YyueeiWY. The issue with Css attribute (-webkit-background-clip:text;) doesn't work in grapesjs-preset-webpage. appears to be a race condition or state management timing problem. This typically happens when comp...

#3470May 22, 2021by iabhiyaan1 answer
0 reactions

How can we active trait manager (of the top right panel) when component is selected

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

GJSBlock

Thanks for reporting this, @iabhiyaan. The issue with Question: How can we active trait manager (of the top right panel) when component is selected appears to be a race condition or state management timing problem. This typically happens w...

#3465May 19, 2021by anatoli-dp3 answers
0 reactions

Update breaks some things with css

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

Well, actually the proper API would be .components('html string here') which seems to work as expected, but I'll investigate the reset thing because I'd expect to work the same way

artf

Ok seems like the backbone's reset method injects the silent option which prevents the CSS collection to render the added style, so for now, I'd prefer to avoid putting hacky conditions to remove that option and would recommend sticking wi...

GJSBlock

Thanks for reporting this, @anatoli-dp. The issue with update breaks some things with css appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overl...

#3463May 18, 2021by anatoli-dp4 answers
1 reactions

Inspector overflow broken

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

anatoli-dp

Maybe put the controls in the front of the text and then offset the entire box slightly for each indent or stacked item. That way u can stack them as far as you want without issue 🀷 Im going to end up rolling my own solution to achieve th...

artf

Yeah, unfortunately, the default layer panel is not that scalable, we need to rethink how is rendered

artf

Yeah moving controls in front of the text sound reasonable (eg. and make them visible only when I hover the component). Anyway, being not such a common case having so much messy structure I wouldn't put a lot of priority on this problem, b...

#3462May 18, 2021by ahmedderkaoui3 answers
0 reactions

Refresh/Re-render traits of all components in canvas

Is there a way to re-render or refresh traits (which are customs, not built-in traits) of all the components existing whithin the canvas?

iabhiyaan

`

artf

mmm what is the point? Your custom traits should already react to component changes (if you created them properly).

GJSBlock

Thanks for reporting this, @ahmedderkaoui. Great question about Refresh/Re-render traits of all components in canvas. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for you...

#3461May 17, 2021by ahmedderkaoui1 answer
0 reactions

Re-render trait on selected component

I know there is a function that can rerender the view of a trait. However, I still don't know how and where to use it.

GJSBlock

Thanks for reporting this, @ahmedderkaoui. Great question about Re-render trait on selected component. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific...

#3459May 16, 2021by anlumo2 answers
1 reactions

DomComponents' Config Incorrect

Version: 0.17.3 What is the expected behavior? The documentation says that I can configure the wrapper element via the configuration: https://github.com/artf/grapesjs/blob/0027dcd1194715eeaf4b24db878dd7ebac069cc4/src/dom_components/config/config.js#L6-L24 Describe the bug detailed I don't think that this configuration...

artf

Yeah, actually the name, by default, is managed via i18n configuration. From 0.17.* version even the wrapper option is not necessary anymore as now you should extend the wrapper component as all others (in previous versions the wrapper was...

GJSBlock

Thanks for reporting this, @anlumo. The issue with DomComponents' Config Incorrect appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, cre...

#3458May 16, 2021by divesham1 answer
0 reactions

ADD CUSTOM BLOCKS (i.e iframe) and customise it like image i.e on double click it open assets options for video link in custom iframe block

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

GJSBlock

Thanks for reporting this, @divesham. Great suggestion about FEAT: ADD CUSTOM BLOCKS (i.e iframe) and customise it like image i.e on double click it open assets options for video link in custom iframe block! While this specific feature isn...

Browse all topics