GrapesJS Issues

3,464 parsed GitHub issues 370 solved · 90 open. Search, filter and explore battle-tested answers.

877 issues found

🔍 question
#5012Mar 27, 2023by Hunganh30121 answer
0 reactions

I don't know why I added the src attribute to the select-image tag, but it doesn't appear in the 'viewcode' section of GrapesJs

Em ở Việt nam(I'm From Việt Nam) I hope for help . link github: https://github.com/GrapesJS/grapesjs/discussions/5011

GJS Helper

It sounds like you're encountering a common issue when working with custom components in GrapesJS, specifically related to how attributes are defined and serialized. The src attribute, while standard for an <img> tag, is not automatically...

#5009Mar 24, 2023by Drive4ik2 answers
0 reactions

Style parsing error if it has @import

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? only Firefox (all versions)Reproducible demo link https://jsfiddle.net/03m6jz5f/Describe the bug How to reproduce the bug?clear browser cachetry import template with style tag which has @import font url What is the expected...

artf

Not really fixable as GrapesJS parsers can't be asynchronous right now but in any case, from the performance perspective, you should never use @import in your CSS as it generates a blocking request

GJSBlock

Thanks for reporting this, @Drive4ik. Great question about style parsing error if it has @import. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific mod...

#5006Mar 24, 2023by sandipshirawala2 answers
0 reactions

Aphostrope problem in grapejs - 's not showing while displaying from html string

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v91 Reproducible demo link https://jsfiddle.net/szLp8h4n Describe the bug $html = str_replace(" ' "," \' ",$html); Code of Conduct [X] I agree to follow this project's Code of Conduct

artf

Provide a valid reproducible demo link, not the one used as a template

GJSBlock

Thanks for reporting this, @sandipshirawala. The issue with aphostrope problem in grapejs - 's not showing while displaying from html string appears to be a race condition or state management timing problem. This typically happens when com...

#5003Mar 23, 2023by ngoc1992 answers
0 reactions

Slow absolute drag on Chrome

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...

GJSBlock

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...

#5000Mar 22, 2023by applibs2 answers
0 reactions

Localization works weird

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/zfkuq7sh/ Describe the bug Some texts are translated and some not. Some are translated only after I click some tool button, then its translated. For example Top bar bu...

artf

@applibs I can't help if you don't provide a valid reproducible demo, please include all the missing dependencies.

GJSBlock

Thanks for reporting this, @applibs. The issue with Localization works weird appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creating...

#4998Mar 22, 2023by glaprida4 answers
0 reactions

ShowOffsetsSelected not working

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chome v111 Reproducible demo link https://codepen.io/glaprida/pen/YzOJOGq Describe the bug How to reproduce the bug?Open the codepen link. Drag any basic block to canvas with some margin or padding.You will see that showOf...

glaprida

Hi, I see that now it works while hovering the element even if it is selected (previously it only worked on non-selected elements) ...but it only shows the offsets while hovering (I thought showOffsetsSelected would show the offsets of the...

artf

Yeah at the moment this is what is intended to do. Probably one day we'll revisit this to make it more customizable (ability to extend/create style handlers on canvas)

glaprida

Hi there, sorry for the insistence... but is there any way you could think of that I can achieve this? What I need is to show the offsets of the selected element, no matter if it's hovered or not.

#4991Mar 21, 2023by glaprida1 answer
0 reactions

Wrong Placeholder marker when dragging a display:grid element

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v111Reproducible demo link https://codepen.io/glaprida/pen/eYLLXbQDescribe the bug How to reproduce the bug?Go to the codepen link https://codepen.io/glaprida/pen/eYLLXbQDrag one section to the canvasDrag another oneW...

GJSBlock

Thanks for reporting this, @glaprida. Great question about Wrong Placeholder marker when dragging a display:grid element. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for...

#4972Mar 12, 2023by FaisalShaikhHA1 answer
0 reactions

Checkbox trait not getting checked or unchecked on undo/redo actions.

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 110.0.5481.177 (Official Build) (arm64) Reproducible demo link https://grapesjs.com/demo.html Describe the bug What is the current behavior? Checkbox trait not getting checked or unchecked on undo/redo (trait value...

GJSBlock

Thanks for reporting this, @FaisalShaikhHA. The issue with Checkbox trait not getting checked or unchecked on undo/redo actions. appears to be a race condition or state management timing problem. This typically happens when component lifec...

#4967Mar 9, 2023by wyxcoder3 answers
0 reactions

New storage doesn't work

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfiddle.net/1vknjLst/ Describe the bug How to reproduce the bug? click run What is the expected behavior? load and save in the new storage should be called and console should display...

artf

You have to use the plugin plugins: [dbStoragePlugin, 'gjs-blocks-basic']With autosave: false you're disabling the autosave, which means the Storage.store will be triggered only if called programatically (eg. editor.store())There is no set...

wyxcoder

thank you! that works fine

GJSBlock

Thanks for reporting this, @wyxcoder. Great question about new storage doesn't work. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the...

#4965Mar 8, 2023by RohitLad1 answer
0 reactions

PropertyComposite with slider for four sides (L,R,T,B). Change in one slider causes other values to reset.

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Safari Reproducible demo link https://codesandbox.io/s/funny-williamson-thb52d?file=/index.js Describe the bug How to reproduce the bug?Go to https://codesandbox.io/s/funny-williamson-thb52d?file=/index.js What is the expe...

GJSBlock

Thanks for reporting this, @RohitLad. Great question about PropertyComposite with slider for four sides (L,R,T,B). Change in one slider causes other values to reset.. The recommended approach with StyleManager is to use the event-driven AP...

Browse all topics