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...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Brave last versionReproducible demo link https://jsfiddle.net/ptzavm1b/Describe the bug How to reproduce the bug?Click on an elementTry to add this css style using the StyleManager Ui: transform:scale(2);You can't. What is t...
artf
You should already be able to achieve the same effect with the default transform property, your custom one is not complete. Try to reference the complete configuration here. In case you want to update properties, you should be able to exte...
GJSBlock
Thanks for reporting this, @ronaldohoch. Great suggestion about Transform scale and rotate don't work properly.! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event sys...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 107.0.5304.107 (Official Build) (64-bit) Reproducible demo link https://jsfiddle.net/jonrobert/2gLdur9c/3/ Describe the bug How to reproduce the bug?Modify the stylePrefix property on any of the options in the conf...
GJSBlock
Thanks for reporting this, @JonathanRiche. Great question about stylePrefix property not overiding the gjs in most elements with the gjs-class. The recommended approach with StyleManager is to use the event-driven API. Start here: Check th...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Edge Version 107.0.1418.52 (Official build) (64-bit)Reproducible demo link https://codesandbox.io/s/peaceful-glade-rbfbwt?file=/src/app/app.component.tsDescribe the bug How to reproduce the bug?Create new app with grapejscal...
artf
You should still be able to use the escapeName option
GJSBlock
Thanks for reporting this, @hemaltandel1. Great question about css class name with '/' converted to '-'. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific mo...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? n/a Reproducible demo link n/a Describe the bug How to reproduce the bug?. Go to https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Component.js#L1839.. Go to https://github.com/artf/grapesjs/blob/dev/index...
artf
This first one is the component method, the second is the block property (used here)
vaneatka
the reason I opened this issue is that the method is not visible. maybe there is need to a new entry for the method declaration in the types? like for the setId /*Set new id on the component / setId(id: string): this;
GJSBlock
Thanks for reporting this, @vaneatka. Great question about resetId types mismatch. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 107 (MacOS) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Drag and drop the Tabs block into the editor contentClick on the "import" button on the topChange something...
artf
This is not related to the core but more to the Tab plugin which is not re-importable by default.
Rilvatore
Hey! Thanks a lot for the answer. In fact, the issues seems to come from the reimport code & store manager, that does not update the JSON part of the code. Would you have a way to take a look? Or should we create the same ticket on the tab...
artf
It's related to the Tab plugin as once you print its HTML there is no way to reimport is back. You can actually extend the Tab component and add the isComponent method to allow the parser to identify the component.
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Version 107.0.5304.107 (Official Build) (64-bit) ChromeReproducible demo link NO NEED anyone can reproduceDescribe the bug when saving HTML and CSS the program formats Converts CSS i.e. "@keyframes slide {" TO "@media slide{...
GJSBlock
Thanks for reporting this, @dreamsight. The issue with * appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creating an inconsistent stat...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave last version Reproducible demo link https://jsfiddle.net/qsd9zjrc/ Describe the bug How to reproduce the bug?Open the link (https://jsfiddle.net/qsd9zjrc/)Try to change text colorTry to change green button color by c...
GJSBlock
Thanks for reporting this, @ronaldohoch. Great question about Strange behavior when trying to change color of buttons and texts. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS docu...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 104.0.5112.101 Reproducible demo link https://codesandbox.io/s/awesome-dewdney-bwo5t1 Describe the bug How to reproduce the bug?Add the Text block to the content of the editor Open the StyleManager and expand the D...
GJSBlock
Thanks for reporting this, @PaulSchult. Great suggestion about Angular Component as Custom Color Picker is only created once! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using...