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 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...
Yeah, there is a note on this release https://github.com/artf/grapesjs/releases/tag/v0.18.1 I just didn't find the time yet to update those plugins (any help is appreciated)
GJSBlock
Thanks for reporting this, @micker. The issue with Gradient plugin doesn't works on 1.20 appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overla...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chromium 104 Reproducible demo link https://jsfiddle.net/aw8p0h9j/ Describe the bug How to reproduce the bug?Open the jsfiddle link.Click between the divs, then between any of divs and the background. What is the expected...
ronaldohoch
Same as described here, not a issue: https://github.com/artf/grapesjs/issues/4350
artf
Yeah but even in a case of a custom UI, the update is skipped if the value is not changed as it's not necessary.
bit-ocean
The code that I pasted is using the standard api, pretty much copy/paste from the documentation. And clearly the update's mechanism has changed between the versions. Before if target element had been changed, the update was triggered, and...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 104.0.5112.101 Reproducible demo link https://jsfiddle.net/7cLr0xt2/3/Describe the bug How to reproduce the bug? For some reason I'm unable to reproduce the bug inside the fiddle linked above, since line 34 selectedCo...
artf
RTE relies on the DOM content during the editing so if you remove it deliberately with something like inner components will be removed once the editing is finished.
benryanwilliams
Ok thanks @artf, that makes sense. However, those lines of code, along with are required to render the correct selected state inside the canvas as follows (both upon the component initially being rendered and when the user selects a differ...
benryanwilliams
I need to do some more testing but it looks like I've got around this behaviour by saving the inner components inside the component itself when first creating it / editing it, then using the rte:disable hook as follows: It seems a bit hack...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Firefox 104.0.1Reproducible demo link https://codesandbox.io/s/grapesjs-parsestyle-bug-13h771Describe the bug How to reproduce the bug?Create a custom component with style property in it's model.Use this.addAttributes in the...
Singwai
This is behaving as expected. There are two similar keys that can alter the style of the component. (styles and style) styles takes a CSS string and is attached to the final payload once. I usually define the default CSS or default CSS wit...
artf
I guess parseStyle is not a function refers to this one already fixed: https://github.com/artf/grapesjs/pull/4520
GJSBlock
Thanks for reporting this, @ahmafi. Great question about parseStyle is not a function. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look fo...