GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v96 Reproducible demo link https://jsfiddle.net/emgbo8k1/3/ Describe the bug How to reproduce the bug?add the 3 columns block to the canvasdrag and drop in order to change the columns order What is the expected beha...
sridhar391
@YairNa We have also faced the same issue, please refer to the link https://github.com/artf/grapesjs/issues/4094
JSSaint
@YairNa @sridhar391 it's not a RTL issue. chrome browser only we have face this issue. Firefox is working properly.
ClaudeCode
Thanks for reporting this, @YairNa. Great question about Drag and drop not working well in case of RTL. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specif...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v96.0.4664.45 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?Just drag and drop the logo to canvas yo...
jkntar
I ran into this problem, too. It seemed to happen whenever I started dragging a block's media icon instead of the block text or block container. It seems that the issue was resolved by adding pointer-events: none; to each of my block's med...
markovic-nikola
pointer-events: none; is not working for me, I literally have to restart the whole browser in order to make it working normally again.
luasenvy
pointer-events: none; is not working for me, I literally have to restart the whole browser in order to make it working normally again. @markovic-nikola This Is REALLY IMPORTANT. SUPER THANKS. :D
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://codepen.io/mingxin-yang/pen/YzxLNay Describe the bug How to reproduce the bug?editor.select(model,{scroll:true}) ,scroll don't work... What is the expected behavior? Click the block, a...
artf
Thanks @mingxin-yang This will be fixed in the next release.
ClaudeCode
Thanks for reporting this, @mingxin-yang. Great question about editor.select(model,{scroll:true}) ,scroll don't work. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for you...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v91 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Headover to the website: https://grapesjs.com/demo.html.Clear the canvas for a simpler demonstration.Drop in a text...
ClaudeCode
Thanks for reporting this, @akhalid-dev. Great suggestion about GrapesJS export functionality and 'View Code' functionality and the Canvas not operating in a similar manner with regards to hex colors.! While this specific feature isn't yet...
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.
ClaudeCode
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 GrapesJSWhat browser are you using? Version 94.0.4606.81 (Official Build) (64-bit)Reproducible demo link https://grapesjs.com/demo.htmlDescribe the bug How to reproduce the bug? Add any SVG directly it will be visible in the canvas - then wrap the same SVG ele...
marcosvnmelo
I keep having this problem in version 0.17.19
marcosvnmelo
I'm sorry I just spelled it wrong. I meant 0.17.29.
artf
Thanks for the report @inventorbit I can see an issue in parsing the <path> tag. I'll investigate and try to fix it for the next release.
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...
ClaudeCode
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 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...