GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 112.0.5615.49 (Official Build) (x86_64) Reproducible demo link https://jsfiddle.net/shomeelconovo/k7L2rthg/1/ Describe the bug I need help with something regarding the grapes.js. I have created a project and whenev...
Thanks for reporting this, @shomeel. The issue with By default components are created using table in my demo project but the demo uses flex property to create components appears to be a race condition or state management timing problem. Th...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome, IOSReproducible demo link https://www.lovepoptestsite.com/products/disney-s-hocus-pocus-black-flame-candle-pop-up-card?variant=40356218077273&preview_link=124907487321 password: ilovecardsDescribe the bug How to repr...
loclovepop
screencast-www.lovepoptestsite.com-2023.06.01-001711.webm This is video of bug
artf
I see the touch plugin works properly, ensure to have the mobile device enabled on load (eg. not simulated post load) so the polyfill could be loaded properly.
ClaudeCode
Thanks for reporting this, @loclovepop. Great suggestion about Cannot drag drop in mobile screen even add grapejs-touch! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the e...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? ChromeReproducible demo link https://jsfiddle.net/sdimitrenco/rn8u4pc0/7/Describe the bug I'm not sure it's a bug or not, but for me, behavior look strange I have a component List that includes, component ol and component li...
artf
If the property is of the same value as the default definition, it's skipped. This is controlled by avoidDefaults config option and it's highly recommended to keep it true to have small JSONs as possible.
ClaudeCode
Thanks for reporting this, @sdimitrenco. The issue with After JSON.stringify Components have not all fields appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM m...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 112.0.2 (64-Bit) Reproducible demo link https://github.com/TO-JHummel/grapesjs-issue Describe the bug How to reproduce the bug?Start the minimal vue+vite page.Drop the capitalizedfor block into the editor.Drop the...
artf
This is similar to this one, you have to put the editor instance outside of the Vue instance in order to bypass its proxies
ClaudeCode
Thanks for reporting this, @TO-JHummel. Great question about Crash when dragging into nested components with Vue+Vite.. The recommended approach with GrapesJS 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? FireFox 112.0 (64-bit) Reproducible demo link No demo link Describe the bug I recently upgraded from v0.20.1 to v0.21.1. A lot of types that existed in v0.20.1 are changed to any in v0.21.1. For example, Type of Components...
artf
Thanks @ngoc199 please let me know if there are others missing declarations from the previous versions
ClaudeCode
Thanks for reporting this, @ngoc199. Great question about types are changed to any in v0.21.1. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module L...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v111 Reproducible demo link https://codesandbox.io/s/grapesjs-react-components-forked-h3j496?file=/src/index.js Describe the bug How to reproduce the bug?Start a project with grapesjs using ReactjsUse loadProjectDat...
julia-alberici
For the record, this wasn't really a bug, and i could achieve the expected behavior replacing editor.onReady(() => { editor.runCommand("preview"); }); with editor.on('update', () => { editor.runCommand('preview'); });
ClaudeCode
Thanks for reporting this, @julia-alberici. Great question about Can't set preview mode on editor init when using loadProjectData(). 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 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...
ClaudeCode
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 109.0.5414.87 Reproducible demo link https://jsfiddle.net/o45ncveu/6/ Describe the bug How to reproduce the bug?open fiddle linkhover for some components before the time-outwait the time out to add a margin and chan...
artf
Unfortunately this is expected, you have to use editor.refresh() after "external" layout changes.
ClaudeCode
Thanks for reporting this, @LukasSouza. 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 Grap...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave last version Reproducible demo link https://grapesjs.com/demo Describe the bug How to reproduce the bug?Open the demo pageOpen the developer toolsRun: let projectData = editor.getProjectData()Run: editor.DomComponent...
allenhwkim
@ronaldohoch with Edge browser, it works with the command you provided. let projectData = editor.getProjectData(); editor.DomComponents.clear(); editor.loadProjectData(projectData); I don't think GrapesJS support Brave browser, which is no...
ronaldohoch
I also run the command editor.runCommand("core:component-outline") and it didn't shows again, i needed to click on the button twice to make it appear
ronaldohoch
Hi @allenhwkim, thanks for the comment. But embarrassing I didn't test it in other browsers. I believe my customers don't use Brave, so I'm going to drop that part. However, doing all these tests, I managed to make it work the way I want,...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox v91.4.1 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Go to the grapesjs basic demo: https://grapesjs.com/demo.htmlClear the canvasAdd a component LinkExecute edito...
artf
This is expected due to some logic related to the rich text editor. You can use component.getInnerHTML() to get the inner HTML or component.components() to get inner components.
ClaudeCode
Thanks for reporting this, @NicoGGG. Great question about Component content is set to empty string after inline editing. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for...