GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 103.0.5060.134 (Official Build) Built on Ubuntu , running on Ubuntu 18.04 (64-bit) Reproducible demo link https://alvarotrigo.com/blog/html-css-tabs/ Describe the bug Not switching/showing tab contents when testing...
mingodad
After looking around I found this closed issue https://github.com/artf/grapesjs/issues/2873 and based on it I did this to allow checkbox/radio in preview mode: And now at least the checkbox/radio works in preview and some demos work in pre...
artf
Thanks @mingodad I released a new version of the form plugin and added support for the preview.
GJSBlock
Thanks for reporting this, @mingodad. The issue with almost all examples from this page fail with grapejs appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM mod...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v103 Reproducible demo link https://stackblitz.com/edit/js-1xpo7b Describe the bug How to reproduce the bug?use dragMode: absolute (designer mode)drag a block from Block Manager Can not reproduce on JSFiddle here bu...
artf
Thanks @tyutony the issue was fixed already (https://github.com/artf/grapesjs/pull/4487). Unfortunately, the only workaround now would be to expose globally the editor instance (window.editor = grapesjs.init({...}))
wunksert
@tyutony I'm experiencing this same thing, did you find a workaround? Doesn't seem like the bug is fixed
artf
@wunksert it's fixed but not yet released (the new release will be published soon)
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chromium v96 Reproducible demo link https://grapesjs.com/demo-newsletter-editor.html Describe the bug How to reproduce the bug?Open the developer tools at the console tabRun the code belowSelect the text addedEdit somethin...
shkhalid
+1
pety-dc
Hey I've been having similar issues. I think it's quite serious as both newsletter and mjml demo are affected. (Both use CKeditor as RTE) When I import a content that has a text (mj-text) that has styled elements (span) the imported conten...
raymondmakz
ckeditor output: <div>some rich text from <span style="color:blue">ckeditor</span></div> after parsing into editor, become like: <div data-gjs-type="text">some rich text from <span style="color:blue" data-gjs-type="default">ckeditor</span>...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link no demo link Describe the bug Hello @artf , can you please check these two 1.Cannot add color code manually in grapesjs editorImport modal is not having any save optionCode of Conduct [X] I ag...
artf
Please don't open BUG issues if you're not able to provide a reproducible demo.
GJSBlock
Thanks for reporting this, @udayan46. The issue with * appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creating an inconsistent state....
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? brave Reproducible demo link https://codepen.io/etamity/pen/NWpKYPp Describe the bug how to See multiple pages in onscroll using pageManager ? Code of Conduct [X] I agree to follow this project's Code of Conduct
artf
Please use Discussions for questions
GJSBlock
Thanks for reporting this, @ajjuyadav0209. Great question about Seeing Multiple pages on scroll. The recommended approach with GrapesJS 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 GrapesJSWhat browser are you using? Chrome 104.0.5112.79Reproducible demo link https://jsfiddle.net/gvrnw2c3/4/Describe the bug How to reproduce the bug? I'm currently unable to reproduce the bug using jsfiddle, which leads me to believe it's a problem with Ch...
tyuterry
A reproduce on Fiddle (with vue) I can not reproduce without vue jsfiddle Steps to reproduce the issue:Add a text componentSelect the text component then click the 'Convert to Conditional' button at the bottomHover over the conditional tex...
artf
Thanks guys, I was actually able to reproduce it by wrapping the example inside Vue but I'm not sure exactly why is stuck in the loop here. At first look, it seems to be related to Vue's Proxy observers. By comparing the demo with the prev...
benryanwilliams
Thanks @artf, all working perfectly now upon declaring the editor outside of the Vue instance.
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? chrome latest versionReproducible demo link none as it has way too much custom code with react and things like thatDescribe the bug How to reproduce the bug? add more styles to editor with setStyles here is the string that I...
bovealexandre
and when I try to add this it only adds this
artf
@bovealexandre provide at least a minimal reproducible example as from what I can see right now it might be your custom code the reason
bovealexandre
@bovealexandre provide at least a minimal reproducible example as from what I can see right now it might be your custom code the reason ok I just had to editor.getCss({ keepUnusedStyles: true } on my scss editor
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://grapesjs.com/demo.html Describe the bug What is the expected behavior? Button component is not working.Code of Conduct [X] I agree to follow this project's Code of Conduct
GJSBlock
Thanks for reporting this, @TechyMS. The issue with Button component is not working appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, cr...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v103 Reproducible demo link https://codesandbox.io/s/laughing-austin-k12mc3?file=/index.js Describe the bug If you view the linked CodeSandbox and find the commented out line providing the projectData to the editor,...
contentfree
I can kinda force it to the correct canvas size by:Not providing projectData in the initial config, Loading the projectData via editor.loadProjectData(...) after initialization and Then running editor.Canvas.getModel().updateDevice(); thou...
artf
Thanks @contentfree I'll try to fix that for the next release
contentfree
Thanks @artf. I'll keep my eye open for the next release (looks like your kanban board is empty now β¦ so should be imminent?)
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 102.0.5005.115 (Official Build) (64-bit) Reproducible demo link Describe the bug This is an extension of #4473 When adding a map or video block via editor.setComponents() in a headless environment you get a similar...
artf
Thanks @skru I've actually already taken care of the parseUri here so it should work in the next release
GJSBlock
Thanks for reporting this, @skru. The issue with v0.19.5 Breaks headless editor.setComponents() (with Map/Video block) appears to be a race condition or state management timing problem. This typically happens when component lifecycle event...