GrapesJS Issues

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

545 issues found

πŸ” typescript
#5083Apr 29, 2023by DanavsSite4 answers
0 reactions

Blocks are not draggable to canvas

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Tauri Reproducible demo link Describe the bug How to reproduce the bug?... What is the expected behavior? ... What is the current behavior?** ... If is necessary to execute some code in order to reproduce the bug, paste it...

DanavsSite

DanavsSite

i just found out its because of webview2.Support for webview2??!

artf

I think this is more related to some Tauri configuration instead of GrapesJS as we're using the native HTML5 drag and drop

#5079Apr 28, 2023by TO-JHummel2 answers
0 reactions

Crash when dragging into nested components with Vue+Vite.

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 112.0.2 (64-Bit) Reproducible demo link https://github.com/TO-JHummel/grapesjs-issue Describe the bug How to reproduce the bug?Start the minimal vue+vite page.Drop the capitalizedfor block into the editor.Drop the...

artf

This is similar to this one, you have to put the editor instance outside of the Vue instance in order to bypass its proxies

GJSBlock

Thanks for reporting this, @TO-JHummel. Great question about Crash when dragging into nested components with Vue+Vite.. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for...

#5059Apr 19, 2023by abubaker4172 answers
0 reactions

On second-time use template grapes editor not accepting css which the editor created with random ids on the first time

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 can't Reproducible on jsfilddle. i provided detail below. Describe the bug How to reproduce the bug?This is my template which I uploaded in Grapes i...

artf

@Spiral1234 if you're not able to reproduce the issue it's probably something on your end and without a reproducible demo it's hard to understand what might be a problem

GJS Helper

The issue you're encountering stems from how GrapesJS processes and normalizes styles, particularly inline styles, when importing HTML. Let's break down the root cause and provide the correct approach. Root Cause Explanation When GrapesJS...

#5053Apr 17, 2023by ngoc1992 answers
1 reactions

Types are changed to `any` in v0.21.1

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

#5049Apr 13, 2023by ronaldohoch4 answers
2 reactions

Problem when dragging component composed by image and link

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

#5045Apr 12, 2023by ronaldohoch2 answers
1 reactions

Duplicate elements lost the parent element reference

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

#5042Apr 11, 2023by pittleCheung2 answers
0 reactions

Every time editor.loadData(data, opts) is called, it triggers the store method defined in editor.Storage.add("api-remote", {...}), which logs the message 'api-remote store'

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

#5040Apr 10, 2023by abubaker4171 answer
0 reactions

Added style able events such that styling can be overwritten, open

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

#5020Mar 31, 2023by at-codes2 answers
1 reactions

Changing Title Attribute on Views Panel Buttons Doesn't Persist

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

#5019Mar 31, 2023by julia-alberici2 answers
0 reactions

Can't set preview mode on editor init when using loadProjectData()

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

Browse all topics