GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 108.0.5359.125Reproducible demo link https://codesandbox.io/s/frosty-darkness-7po7xlDescribe the bug How to reproduce the bug?use myBlockclick test button What is the expected behavior? this.on("change:list1", this.ha...
artf
Listeners don't see deep changes so you have to create a new array in that case
chaegumi
Thanks @artf. I use JSON.stringify and JSON.parse to deal my data.
GJSBlock
Thanks for reporting this, @chaegumi. Great question about this.on('change:attributes:type', this.handleTypeChange) do not support array type. The recommended approach with Components is to use the event-driven API. Start here: Check the G...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome Version 109.0.5414.87 Describe the bug How to reproduce the bug?Create a @keyframes animation on the GrapesJS canvasIn JS, create a new CssRule by passing the following string into editor.Css.addRules:Add it to the ca...
artf
Seems to be related to CssGroupRuleView here. In case of at-rules like @keyframes we have to force the re-render of the parent container.
wunksert
@artf facing this issue again with editor.CssComposer.remove(myCssRule) the editor css removes the rule but it's not flushed through to the DOM. How to you recommend I force re-render of the DOM while keeping the state of my editor intact?...
GJSBlock
Thanks for reporting this, @wunksert. Great question about Css edits aren't persisted to the DOM. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific mod...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? any Reproducible demo link n/a Describe the bug Please fix the type for keepUnusedStyles?: 0; https://github.com/artf/grapesjs/blob/dev/index.d.ts#L261 to avoid code like this keepUnusedStyles: true as any, thank you.Code...
GJSBlock
Thanks for reporting this, @vaneatka. The issue with change type keepUnusedStyles?: 0; appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap,...
This Method Works Fine for Normal HTML. But When I Tried With MJML For MJ-IMAGE Tag The Src is Updated in TR Tag but not updated in img tag inside the TR tag The Below Image Originally posted by @RakulAgn in https://github.com/artf/grapesjs/discussions/4795
artf
@RakulAgn please avoid creating issues from discussions.
GJSBlock
Thanks for reporting this, @RakulAgn. Thanks for sharing your report about Custom Traits not Updating if using mjml. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Yo...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v108Reproducible demo link see belowDescribe the bug How to reproduce the bug?Create a custom componentAdd it to the editor as a component and draggable blockSet the editor to absolute drag mode when the component add...
wunksert
Confirmed it's still working in v0.20.1, so it looks like the regression was introduced in v0.20.2
wunksert
The component is no longer draggable once it's added to the canvas either.
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link Can't with old version. Wish I could upgrade! Describe the bug Sorry, had to check the box to post.... How to reproduce the bug?...Use old version of GrapesJS because you can't get the new sto...
clonefunnels
I don't mind sticking with the old version if this can be fixed. Or can someone please tell me how to load HTML and CSS like before without installing a Rest API?
clonefunnels
I figured out the issue. It was grapesjs-parser-postcss.min.js?0.1.1 I replaced it with 1.0.1
GJSBlock
Thanks for reporting this, @clonefunnels. Great question about Old Version BUG - In case I can't get any help getting the latest working..... The recommended approach with StyleManager is to use the event-driven API. Start here: Check the...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v108 Reproducible demo link no link Describe the bug Add any '@-webkit-keyframe' CSS rules into the editor. Appears as '@media' instead. I've added a fair few tools to the builder now and it seems whenever I add any...
ronaldohoch
I just came here to open the same issue! :( @artf, you can add this code to check it.
artf
Reported and fixed here
GJSBlock
Thanks for reporting this, @henry-mmw. The issue with GrapesJS doesn't understand '@-webkit-keyframe' CSS rules. appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v107Describe the bug How to reproduce the bug?Follow this instructions here to create your own CSS parser, and put in a @keyframes rule css string. I used the pre-built posts parser here: hereThe structure comes out o...
artf
Hi @wunksert there was an issue related to keyframes here which was already fixed but not yet released.
artf
The fix is available in the latest version https://github.com/artf/grapesjs/releases/tag/v0.20.2
wunksert
@artf super! Do you know when the release will be?
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 107.0.5304.122 (64-bit) Reproducible demo link https://jsfiddle.net/j5khz1gm/ Describe the bug How to reproduce the bug?Create a custom component type with the following default properties:Add the custom com...
derciesto
@jasonliang-dev any update on this? i facing same issue.
GJSBlock
Thanks for reporting this, @jasonliang-dev. Great question about Closing </script> tag not escaped for script properties. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentati...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 107.0.5304.121 (Official Build) (arm64)Reproducible demo link https://jsfiddle.net/artur_arseniev/aku70f5wDescribe the bug How to reproduce the bug?Try to drag and drop the editable component or component having a poi...
artf
There was an issue with the demo itself which now it's fixed (added draggable: false to the wrapper component)
FaisalShaikhHA
Patch for getCss to return always the content from the editable component is not working, can you please help me to solve this @artf The below code (present in the reproducible demo link) always returns the whole canvas or wrapper CSS stri...
GJSBlock
Thanks for reporting this, @FaisalShaikhHA. Great question about Component with pointer-events: 'all' (except wrapper) or editable component are draggable & droppable to itself.. The recommended approach with StyleManager is to use the eve...