GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? v95Reproducible demo link https://codesandbox.io/s/grapes-border-issue-forked-2c0ib?file=/src/index.js:10258-10261Describe the bug How to reproduce the bug? I am trying to create a custom component, which contains drag end d...
artf
Hi @xQwexx what would be your solution in such a case? We still need to keep the D&D disabled in the preview. Can you also post your component code in order to understand better the use case?
no-response[bot]
This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...
xQwexx
Hi @artf I updated with a demo, also my suggestion would be that use the attributes: { draggable: 'true'}, indicator if the component is draggable in preview and leave the drag handling for the component template like attributes: { draggab...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave Version 1.31.88 Chromium: 95.0.4638.69 (Official Build) (64-bit) on Linux Reproducible demo link https://jsfiddle.net/0a3o7cL6/ Describe the bug Methods which operate on a component's trait collection (e.g. addTrait...
artf
Yeah, I'll fix it in the next release, thanks
GJSBlock
Thanks for reporting this, @rakelley. Security and dependency issues are important. The GrapesJS team actively works on keeping dependencies up-to-date. For you right now: Run npm audit fix to see available patches Check for a newer Grapes...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v9Reproducible demo link Not thereDescribe the bug How to reproduce the bug?Install the grapes js in react appOpen the grapes js editorImplement the multipage concept in the grapes js initCreate a button for the renam...
Sudhin35
@artf Is there no way to do so currently ? Please help me out for this issue , i am blocked
artf
@Sudhin35 next time please open a discussion, as there is no real bug to fix or reproduce. Anyway, this is how you'd do it right now page.set({ id: 'new-id', name: 'new name' })
Sudhin35
@artf Thanks for the response , actually i was stuck so i have raised as bug , from next time will open discussion but now after using the above command i getting this error Please help if there is any issue in my code
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v94 Reproducible demo link https://jsfiddle.net/3mrzaqtx/ Describe the bug How to reproduce the bug?Add a video block to the canvasRemove the GrapesJs editor element from the document (Optional)Re-attach the GrapesJ...
JGiard
I've created a pull-request with what I would expect a fix to look like, given my understanding of the issue.
artf
No, you should never rely on something like this, or you destroy and reinit, or you simply hide and show the editor.
GJSBlock
Thanks for reporting this, @JGiard. Great question about Duplicated video block when re-attaching GrapesJs editor to document. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentatio...
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...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? FirefoxReproducible demo link https://grapesjs.com/demo.htmlDescribe the bug How to reproduce the bug? You need to click very fast from one component to another component on the canvas and you will receive a js error "too mu...
arthuralmeidap
hello @flowize-project ! hope you are good! In your issue you have posted GrapesJS demo link as reproducible link but the video was recorded with a custom grapesjs installation. Could you try to record a video and reproduce the issue with...
GJSBlock
Thanks for reporting this, @flowize-project. Great question about Firefox issue when the user clicks on different component very fast. The recommended approach with Canvas 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? Chrome Reproducible demo link Not there Describe the bug How to reproduce the bug? Install the grapes js in react app Go to the editor and drag a component. ( Example : text component) Style the component using the style m...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https:// Describe the bug If the width of the text component is not very long, the elements on ckeditor will wrap and block the text below But when you click on the lower part of the component...
ronaldohoch
Hello! We used this trick to solve the problem for a while: subscribe to the event rte:enable and trigger the canvasScroll. With this, the grapes will recalculate the position.
mingxin-yang
@ronaldohoch Thank you, this code work to me
mingxin-yang
bugs will also be implemented on this website. https://grapesjs.com/demo-mjml.html The toolbar in the upper right corner will also be covered @artf
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? 92.0.4515.131 (Official Build) (64-bit)Reproducible demo link N/ADescribe the bug How to reproduce the bug?Insert HTML into canvas using the editor.Canvas.getBody().ownerDocument.execCommand('insertHTML', false, HTMLString)...
artf
the getHtml has nothing to do with the DOM of the canvas... Read carefully the documentation https://grapesjs.com/docs/modules/Components.html and try to understand the difference between the model and the view of the component.
mihir-khandekar
@artf thanks for the prompt response, what is the right way of doing this then? My requirement is: I want to add a component at the current cursor position. How can I then get it to be part of the editor.getHtml() method?
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome new version Reproducible demo link https://codesandbox.io/s/react-redux-toolkit-application-forked-l5rhp?file=/src/pages/Editor.js Describe the bug How to reproduce the bug?Drag and drop the video to canvas area fro...
throne1986
@artf can you please help me with this?
artf
The issue is here You can also remove that global listener and update the video Block with activate: true, way more cleaner.
throne1986
> The issue is here> > > > > > > > > > > > > You can also remove that global listener and update the video Block with activate: true, way more cleaner.Hi @artf changing as u suggested but still when I drag the video block and select a vide...