GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? only Firefox (all versions)Reproducible demo link https://jsfiddle.net/03m6jz5f/Describe the bug How to reproduce the bug?clear browser cachetry import template with style tag which has @import font url What is the expected...
artf
Not really fixable as GrapesJS parsers can't be asynchronous right now but in any case, from the performance perspective, you should never use @import in your CSS as it generates a blocking request
GJSBlock
Thanks for reporting this, @Drive4ik. Great question about style parsing error if it has @import. 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? Chrome 111 Reproducible demo link https://jsfiddle.net/9zf4kd6e/ - this is the demo of Designer Mode Describe the bug How to reproduce the bug?Add an image component with dragMode absoluteUpload a large enough SVG image. Y...
artf
@ngoc199 I'm addressing most of the issue about absolute mode here. I think the resize issue could be easily added here but the large embedded SVG image (by default, without an external asset storage, images are inlined) it's seems more li...
GJSBlock
Thanks for reporting this, @ngoc199. Great question about slow absolute drag on Chrome. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 111 Reproducible demo link https://jsfiddle.net/zfkuq7sh/ Describe the bug Some texts are translated and some not. Some are translated only after I click some tool button, then its translated. For example Top bar bu...
artf
@applibs I can't help if you don't provide a valid reproducible demo, please include all the missing dependencies.
GJSBlock
Thanks for reporting this, @applibs. The issue with Localization works weird appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creating...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chome v111 Reproducible demo link https://codepen.io/glaprida/pen/YzOJOGq Describe the bug How to reproduce the bug?Open the codepen link. Drag any basic block to canvas with some margin or padding.You will see that showOf...
glaprida
Hi, I see that now it works while hovering the element even if it is selected (previously it only worked on non-selected elements) ...but it only shows the offsets while hovering (I thought showOffsetsSelected would show the offsets of the...
artf
Yeah at the moment this is what is intended to do. Probably one day we'll revisit this to make it more customizable (ability to extend/create style handlers on canvas)
glaprida
Hi there, sorry for the insistence... but is there any way you could think of that I can achieve this? What I need is to show the offsets of the selected element, no matter if it's hovered or not.
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v111Reproducible demo link https://codepen.io/glaprida/pen/eYLLXbQDescribe the bug How to reproduce the bug?Go to the codepen link https://codepen.io/glaprida/pen/eYLLXbQDrag one section to the canvasDrag another oneW...
GJSBlock
Thanks for reporting this, @glaprida. Great question about Wrong Placeholder marker when dragging a display:grid element. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? any Reproducible demo link no Describe the bug I believe many links of configuration objects in the docs are still to javascript files but the code has been updated to typescript <img width="1437" alt="Screenshot 2023-03-0...
GJSBlock
Thanks for reporting this, @himansh-gjr. The issue with broken links in the docs appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creat...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome - version 110.0.5481.100 (Official Build) (arm64)Reproducible demo link https://codepen.io/faisal-praella/pen/ExeNwxJDescribe the bugI have added a custom columns component with a number trait name columns used for ad...
artf
Yeah undo triggers the change:columns, in your case you could try to wrap your updateColumns changes in editor.UndoManager.skip.
artf
Ok I'm closing this one then and please open a new bug issue related to checkbox traits.
FaisalShaikhHA
Thank you @artf it works, to fix this I was toggling the trait change listener by listening to undo command before & run events but this feels cleaner. The checkbox trait not getting checked or unchecked on undo/redo (trait value is update...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Google Chrome Version 110.0.5481.100 (Official Build) (64-bit) Reproducible demo link https://stackblitz.com/edit/js-3urscf?file=index.html,index.js Describe the bug How to reproduce the bug?Initialize the editorDestroy th...
artf
Yeah, the editor instance is not expected to be destroyed immediately due to some deferred async functions (eg. for the StorageManager) but that can be fixed. For now you can overcome the issue by doing something like this:
GJSBlock
Thanks for reporting this, @mani-rai. Great question about Destroying and re-initializing produces "Cannot read properties of undefined (reading 'get')". The recommended approach with ProseMirror is to use the event-driven API. Start here:...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox Reproducible demo link https://jsfiddle.net/jLgb0mv3/1/ Describe the bug How to reproduce the bug?...Put this code in the editor: editor.on('styleable:change', (model, property) => { const value = model.getStyle()[...
artf
I only see the issue with composite/stack style manager properties and that is because not every style manager property is part of the styles so in your code you would only need to check if the value of the style actually exists, eg. if (v...
GJSBlock
Thanks for reporting this, @clonefunnels. Great question about Using !important code provided here breaks background image and gradient.. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the Grap...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 109.0.5414.119 Reproducible demo link Describe the bug How to reproduce the bug?add event listener to outside clickcall destroy method What is the expected behavior?Destroying without errors What is the current beha...
artf
Are you able to provide a reproducible demo as I'm not able to reproduce it on my end?
GJSBlock
Thanks for reporting this, @maliuta-oleksandr. Great question about calling destroy method breaks the editor ( React app ). The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentati...