GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 111.0.5563.147 (Official Build) (64-bit) Reproducible demo link I provided code Describe the bug added styleable events such that styling can be overwritten https://github.com/GrapesJS/grapesjs/issues/1041 https://...
GJSBlock
Thanks for reporting this, @abubaker417. The issue with added style able events such that styling can be overwritten, open appears to be a race condition or state management timing problem. This typically happens when component lifecycle e...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link NA Describe the bug How to reproduce the bug?...... What is the expected behavior? ... When I drag external content inside the editor it should be dropped at specific position What is the curr...
siddhi1397
Hi @artf , When I drag external content inside the editor it should be dropped at specific position but it is overlapping the existing content in the component. So is there any way where I can place text at the specific position without ge...
artf
@siddhi1397 please don't open bug issues as features/questions
siddhi1397
Okay sorry for that. @artf But can you please help with how can this be implemented?
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? ChromeReproducible demo link https://jsfiddle.net/em9kt2Lb/Describe the bug How to reproduce the bug? Implement the code below on editor load What is the expected behavior? Button titles change and stay changed What is the c...
artf
Hi @at-codes titles for panel buttons are connected directly to i18n locale strings so you'll need to update those strings there. You can find more info about the i18n module here.
GJS Helper
The issue you're encountering, where button titles revert after being clicked, stems from directly manipulating the DOM elements of GrapesJS UI components. GrapesJS, like many modern web frameworks, manages its UI through underlying data m...
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'); });
GJS Helper
The issue you're encountering where GrapesJS components retain edit mode behaviors (like hover/select styles) despite running the preview command after loadProjectData() is a timing problem related to asynchronous operations. Root Cause Wh...
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...
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...
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...
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...
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...
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.