GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v96Reproducible demo link https://jsfiddle.net/809enL2w/1/Describe the bug I use domComponents: { draggableComponents: false }, to avoid to drag components, only when you drag with the arrow in toolbar, but if do a fa...
artf
Yeah seems like the native HTML5 D&D still works with text selection, I'll try to fix it.
GJSBlock
Thanks for reporting this, @jloguercio. The issue with "Using draggableComponents: false" still drag (clone?) some elements if i try to edit text appears to be a race condition or state management timing problem. This typically happens whe...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave V1.34.81 Reproducible demo link https://jsfiddle.net/joshmamroud/vkrcxuzb/41/ Describe the bug How to reproduce the bug?Add a Grid block to the canvasResize a columnNotice the console logs aren't displaying for mouse...
artf
Hi @Joshmamroud CBs should be called when mousePosFetcher is called That is not happening because resizable options are not directly passed to the Resizer, but through the resize command. You can see mousePosFetcher there is handled by the...
Joshmamroud
Thanks @artf! That makes sense.
GJSBlock
Thanks for reporting this, @Joshmamroud. Great question about mousePosFetcher in resizer config & change:style listener not working. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v96 Reproducible demo link No demo Describe the bug When i load some template, the editor add some initial styles like the image below, how can i set or remove some or that styles? for example : i need to remove the...
artf
Check the main editor config options (eg. baseCss) https://github.com/artf/grapesjs/blob/dev/src/editor/config/config.js And please, don't use issue bugs for questions, open a discussion in that case.
jloguercio
Thank you very much
GJSBlock
Thanks for reporting this, @jloguercio. The issue with Remove some initial styles from frame canvas appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modificat...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v96Reproducible demo link No demoDescribe the bug How to reproduce the bug?Add to Block manager more than 1000 blocks, in my case 7,864 font awesome icons.Try to drag any block from block panel Explanation I added eve...
artf
For your case, I'd suggest creating a custom block manager where you can adapt the UI for your blocks as you wish (eg. search, DOM virtualization, etc.)
GJSBlock
Thanks for reporting this, @jloguercio. Great question about Drag Blocks to Canvas performance when you have 1000+ custom blocks. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documenta...
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/1hrLxdba/30/ Describe the bug How to reproduce the bug?Drag a svg text block to the canvas.Change it's content via the svg-text traitClick on print html What is the ex...
artf
You have to update the Component content, not the DOM
GJSBlock
Thanks for reporting this, @cunj12. Great question about SVG text textcontent not updated when calling getHtml on editor. 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? 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.
GJSBlock
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 GrapesJSWhat browser are you using? Chrome v9Reproducible demo link NothingDescribe the bug How to reproduce the bug?Implement the multipage concept Create the 3 pagesClick on the background image in decorations ( Style Manager ) and add it to first pageNow ad...
artf
Please check this option first https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors In case you still have problems, open a proper bug issue with a reproducible demo link.
GJSBlock
Thanks for reporting this, @Sudhin35. Great question about Background Image Starts duplicating in all the pages if we add only for one page. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the G...
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.
GJSBlock
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...
GJSBlock
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...