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
GJS Helper
This is a known issue related to the TypeScript declaration files (.d.ts) in GrapesJS v0.21.1. The problem arises because the type definitions for certain core functionalities, such as Components.addType and the model definition within cus...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link N/A Describe the bug I'm integrating the grape.js plugin with vue.js. I have a prebuild page with prebuild html and css. When I load the page vue.js component(s) into the editor, all my vue.js...
artf
@innothetechgeek for a proper bug issue you should always create a reproducible demo as commonly there are issues unrelated to the core itself. Anyway, from your description you might want to define your styles entry via canvas options
GJS Helper
The issue you're experiencing, where styles loaded through your Vue.js entry point are lost when GrapesJS initializes, is a common behavior and stems from how GrapesJS isolates its editor canvas. Root Cause GrapesJS, by default, renders it...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave last version Reproducible demo link https://jsfiddle.net/rp7oc96v/1/ Describe the bug Hi Arthur! I'm creating a new component, an image inside a link, like the mj-image component, but i'm stuck in one configuration o...
gustavohleal
Hi! I've tested your solution. It does change the image correctly with the image locked inside the main component and you can move it around. The src attribute is changed in the model, but when you move the component he goes back to the pl...
artf
@gustavohleal my bad, you have to update the src property directly instead of the attribute image.set({ src: asset.getSrc() });
artf
Use the data-gjs-locked="true" property to ignore the image and update properly your custom component
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 https://grapesjs.com/demo.html Describe the bug How to reproduce the bug? this is the image link where you can check https://ibb.co/0Qg7nTK What is th...
artf
@Spiral1234 there is a big difference between a default value and the defined one (even if it's the same as default). For example on desktop you define float: right and on mobile float: none, you still need the possibility on mobile to rem...
abubaker417
@artf, let me define you one more time. My question is that if I click on the default value of any module like for float I select `none then cross svg should be display: none same as I want for others position, text-align if someone will s...
artf
@Spiral1234 it shouldn't be display: none if you SELECT the default value, try to read carefully again the use case explained above, having the default value and selected one is DIFFERENT.
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Brave last versionReproducible demo link https://grapesjs.com/demo.htmlDescribe the bug How to reproduce the bug?Drop an image. Select the droped image.Run the code above.Duplicate the imageSelect the droped image.Run the co...
artf
@ronaldohoch please use the proper documented API
GJS Helper
The issue you're encountering with duplicated elements appearing to lose their parent reference and having an incorrect position stems from how you're trying to access this information. You are relying on view.modelOpt.collection and view....
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? latest version of Chrome Reproducible demo link null Describe the bug How to reproduce the bug? it's easy What is the expected behavior? I want to use editor.load to load data and switch pages, but I don't want editor.Stor...
artf
You can update dynamically stepsBeforeSave in order to avoid triggering the store on Storage call. Please next time use Discussions as this is not a bug but implementation question.
GJS Helper
The issue you're encountering, where editor.loadData(data, opts) triggers your custom storage's store method, is a common point of confusion but not a bug in loadData itself. The editor.loadData method is designed to import data into the e...
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...