GrapesJS Issues

artf

I would need to check why he is still trying to remove the frame, but for now, just skip this line frameView.remove()

theSC0RP

@artf. Thanks. This works when done once. If I do some action like a click inside the canvas and then if I run frameWrapView.render(); once again, I got another error. The screenshot and a video of this error are attached below. <hr> https...

artf

I'll try to fix it in the next release, but for now, you have to unselect components before frameWrapView.render() and reselect them back post rendering

krishnaeverestengineering

@deiga we are doing something like this.

artf

I'd attach the trait to some component property instead of the class attribute, and based on the value I'd use properly removeClass and addClass

ClaudeCode

Thanks for reporting this, @deiga. Great question about [QUESTION] What is the idiomatic way to append and remove classes from components?. The recommended approach with Components is to use the event-driven API. Start here: Check the Grap...

ClaudeCode

Thanks for reporting this, @iabhiyaan. The issue with Question: How to properly initialize grapesjs inside vuex store ? appears to be a race condition or state management timing problem. This typically happens when component lifecycle even...

artf

You can do this:

iteniel

@artf thanks Can you help with first part of the question I need something like onPostRender/afterRender to initialize the select2 component when the DOM is present somthing after createInput method

ClaudeCode

Thanks for reporting this, @iteniel. Great question about [QUESTION]: Integrate select2 UI element into traits. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your...

YyueeiWY

u need display flex for ur case align every block at end, use ( align-content: flex-end; ) in body or parents element <pre> &lt;body class="flex-container flex-end"&gt; &lt;div class="flex-item"&gt;1&lt;/div&gt &lt;div class="flex-item"&gt...

artf

Hi @sizhousama the easiest way probably could be some kind of CSS trick or you can define, by using custom components, a structure with fixed containers (eg. one for the header, for the body and the footer)

ClaudeCode

Thanks for reporting this, @sizhousama. Great question about [QUESTION]:How to make a custom block always be at the bottom of the page. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS d...

artf

Thanks @moises-flowize that will be fixed in the next release https://github.com/artf/grapesjs/commit/ac96298add119c4f4e000967ab3332f9ad711613

ClaudeCode

Thanks for reporting this, @moises-flowize. The issue with Command core:component-enter not working in all the cases appears to be a race condition or state management timing problem. This typically happens when component lifecycle events...

ClaudeCode

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

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

ClaudeCode

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

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

ClaudeCode

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