GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome, firefox Reproducible demo link https://jsfiddle.net/drashti/9xk5ph8j/1/ Describe the bug I am using the Grape JS builder for my client to setup the builder and templates. For that I want the setDragMode "absolute o...
artf
No, at the moment is not possible. The dragMode is not real public and documented feature so I'm collecting all the issues and features to support here: https://github.com/artf/grapesjs/issues/3770#issuecomment-944915841
GJSBlock
Thanks for reporting this, @drashtibpatel. The issue with Drag boundary issue with dragMode: absolute/translate appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and D...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v98 Reproducible demo link https://grapesjs.com/demo.html Describe the bug In the "Open style manager", the CSS class can be added by pressing the ENTER key. If GrapesJS is inside a Form tag, adding the CSS class wi...
GJSBlock
Thanks for reporting this, @Ameeko. The issue with Open style manager - class can be added by pressing the ENTER key appears to be a race condition or state management timing problem. This typically happens when component lifecycle events...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? 96.0.4664.93 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Create a new block for example Text BlockNavigate Dimension > Width (by default is Auto)Change unit to vwthen rem...
artf
By looking at the current demo, seems to be fixed.
GJSBlock
Thanks for reporting this, @javadsamiee. Great question about Can not hold current unit when the first time input have Auto value. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS docume...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v89 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?In the official demo, navigate to the layer manager and copy any layer with cmd+cClick the root "Body" layer and pa...
artf
Thanks @zachsnoek yeah, as the wrapper (body) is a root component it doesn't have the related collection. Probably we might need to update the paste logic but your current fix is a good patch for now to avoid such an error so, the PR is hi...
zachsnoek
Thanks @zachsnoek yeah, as the wrapper (body) is a root component it doesn't have the related collection. Probably we might need to update the paste logic but your current fix is a good patch for now to avoid such an error so, the PR is hi...
GuiMoraesDev
Guys, I'm facing a similar problem To me, the error happens on FileUploader I've tried to enter on grapes demo to see if this behavior happens there too, and it's happening! I realize that If I clean my LocalStorage and reload the page, th...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 94.0.4606.81 (Official Build) (64-bit) Reproducible demo link https://jsfiddle.net/szLp8h4n Describe the bug How to reproduce the bug?Select body elementPress "s" or "w" key What is the expected behavior? Sh...
GJSBlock
Thanks for reporting this, @heminei. Great question about JS error when press "s" or "w" key - Cannot read properties of undefined (reading 'indexOf'). The recommended approach with Canvas is to use the event-driven API. Start here: Check...
as the question states is there a way to trigger the save function via commands outside of autosave? not key value pairs but a command that instantly saves the entire project?
csechrist
editor.store() will save the project, if you have a Storage Manager setup
artf
yes, you have to use editor.store()
anatole-dp
Editor.store() with no parameters just sends empty data for me.
Version: 0.17.25 Are you able to reproduce the bug from the demo?[ ] Yes[x] No What is the expected behavior? Update a existing component of type text by adding an event to his view. Describe the bug detailed The event is being added, but once I select another component I cannot go back to the first one. It can only b...
gustavohleal
That actually was the problem. Thanks for replying. I'll be closing the issue.
ronaldohoch
+1 :D We are trying to solve this issue https://github.com/artf/grapesjs/issues/1136 Because it still happening when use a ckeditor.
artf
The events are not automatically merged with the extended component so, you have to do it manually.
Hi @artf, Describe the bug detailed While creating a new template using GrapesJS, I came across a scenario that, when we try to import CSS from the import modal it does not get reflected in the editor. On a blank editor, I have created a template with HTML & CSS adding to it.After that, I need to do some changes in th...
artf
Hi @javadsamiee the issue was fixed on the latest version of the preset plugin
artf
Hi @SintoDema the issue is here https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18 As you see, it updates components but doesn't clear the styles module. I don't...
javadsamiee
Hi @SintoDema the issue is here https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18As you see, it updates components but doesn't clear the styles module. I don't...
Version: 0.17.22 Are you able to reproduce the bug from the demo?[ ] Yes[X] No I can't reproduce it in a demo however you can see it for yourself if log into Documint using the following credentials:Email: [email protected]: demo then make a change to the template and try using ctrl+z What is the expected behavior? S...
Joshmamroud
You were right, it wasn't React or GrapesJS. Event propagation was being stopped by the rc-drawer component I was using. @artf thanks for your help, this has been an issue from day one.
artf
Hey @Joshmamroud we have this code that propagates keydown keyup keypress events to the parent document, this allows keymaps to work, ensure to not contain any code/component which prevents the propagation of those events.
Joshmamroud
Hey @artf, I believe it may be blocked by React. Any suggestions on how to re-bind these event listeners? Not even sure if that is the right solution or path.
Version: 0.17.4 / git master Describe the bug detailed FrameView repackages keyboard and mouse events here: https://github.com/artf/grapesjs/blob/07061ae1307fedf2a3b9bd585ce0cb30f653f112/src/canvas/view/FrameView.js#L389-L399 I think the reason is related to redirecting iframe events to parent frame events. This would...
GJSBlock
Thanks for reporting this, @anlumo. The issue with createCustomEvent Doesn't Handle Mouse Events Correctly appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM mo...