GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Firefox 104.0.1Reproducible demo link https://codesandbox.io/s/grapesjs-parsestyle-bug-13h771Describe the bug How to reproduce the bug?Create a custom component with style property in it's model.Use this.addAttributes in the...
Singwai
This is behaving as expected. There are two similar keys that can alter the style of the component. (styles and style) styles takes a CSS string and is attached to the final payload once. I usually define the default CSS or default CSS wit...
artf
I guess parseStyle is not a function refers to this one already fixed: https://github.com/artf/grapesjs/pull/4520
GJSBlock
Thanks for reporting this, @ahmafi. Great question about parseStyle is not a function. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look fo...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome Reproducible demo link https://jsfiddle.net/1hza4t9n/ Describe the bug How to reproduce the bug?init grapescreate event handler for when a page is updated.Update the pageobserve the event handler not firing What is...
artf
Update the page How do you update the page? Worth nothing, page:* events are only triggered for page models, not the content of the page, eg.
stljeff1
any update, dragging a block, changing text color. changing text content. In the JS Fiddle, I drag a Text block, change content, and change color. I do not see an event triggering when i make these updates, so I am questioning my expectati...
artf
Ok so page:update event is not what you need as it doesn't trigger on content change (so I'm closing the issue as the event is working as expected). Can you explain what kind of custom Storage manager you're trying to build? The Storage ma...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 105.0.5195.102 (Official Build) (x86_64) Reproducible demo link Describe the bug How to reproduce the bug?Create a new custom code block and add an iframe tag such as `<iframe src="http://localhost:8888/embe...
artf
Thanks for the report @rahul-singh-bv The bug was actually already reported and fixed https://github.com/artf/grapesjs/issues/4480 but unfortunately the fix is not yet released π
GJSBlock
Thanks for reporting this, @rahul-singh-bv. 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...
Hi..!, the RTE actions are not working after the first time , when we try to apply the action on previous applied element its not working It occurs on version 0.18.3 to till latest , its working fine on below versions Reproduce links Working version : https://jsfiddle.net/76gnxh4d/35/ Not working version : https://jsf...
artf
Should be fixed in the latest version.
DhanaDSP1120
@artf Font color only working , Font background color not working on second time https://jsfiddle.net/a3xgLm7c/3/
Sivaganesh-Akula
Hi @DhanaDSP1120 , I am also facing the same issue. Do you have a solution for it?
While apply bold ,italic, underline continuously to a text . when once opened layer manager only its happened And its works fine only in V0.18.2 and its below Reproduce links Working version : https://jsfiddle.net/76gnxh4d/39/ Not working version : https://jsfiddle.net/76gnxh4d/40/ Demo : Originally posted by @DhanaDS...
artf
@DhanaDSP1120 looks like a stress edge case nobody really cares, but if you want to dig into the fix, I'll be open to merge a PR
DhanaDSP1120
@artf Issue was not solved
GJSBlock
Thanks for reporting this, @DhanaDSP1120. Thanks for sharing your report about Grapesjs goes out of memory Issue. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Your...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Version 104.0.5112.101 (Official Build) (arm64)Reproducible demo link https://codepen.io/faisal-praella/pen/rNvOwgRDescribe the bug How to reproduce the bug?Select a component, double click, and ctrl+a to select the text and...
artf
This happening due to these styles. Remove them and it will work properly.
artf
@FaisalShaikhHA are you able to provide a reproducible demo as I'm not able to reproduce it from the official demo?
FaisalShaikhHA
@artf here is the demo: https://codepen.io/faisal-praella/pen/rNvOwgR Select a component, double click, and ctrl+a to select the text and click backspace. Notice component disappears, and is not selectable or editable. Link component disap...
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?Open the layer manager.Select any item under "Body". Double-click to select the name and be able to "Edit" it.Press...
GJSBlock
Thanks for reporting this, @akhalid-dev. Great question about Layer Manager can have names removed and unable to select again. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentat...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave 1.33.105 Chromium: 96.0.4664.93 Reproducible demo link https://codesandbox.io/s/relaxed-mccarthy-v2e37w Describe the bug How to reproduce the bug?Add type of component have img or svg tagAdd this component to canvas...
artf
Hi @salemkode based on how custom components are handled by having that isComponent, which returns true with no conditions, generates the maximum call stack issue. It keeps creating new components as you have also the components property b...
GJSBlock
Thanks for reporting this, @salemkode. Great question about RangeError Maximum call stack size exceeded. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific mo...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Version 104.0.5112.101 (Official Build) (arm64)Video demo link https://d.pr/i/27EgH2Describe the bugWhen we resize an image with a class 'xyz', all the elements on the page with the same class also get resized because the ed...
DevMetwaly
https://grapesjs.com/docs/modules/Components.html#components-cssComponent-first styling By default, when you select a component in the canvas and apply styles on it, changes will be applied on its existent classes. This will result on chan...
FaisalShaikhHA
Thanks, @DevMetwaly it worked, my bad I missed this.
FaisalShaikhHA
Hi @artf, first of all, amazing framework, and thanks for making it open source. As described in the above comment I am facing this weird issue, please let me know if I am doing something wrong or a way to fix this thanks.
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...