BUG: bug
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
v9.2
Reproducible demo link
Describe the bug
I am using it in vue3 project when I want to add new components , page is hanged and not response this is my code :
const selectedComponent = this.editoren.getSelected();
if (selectedComponent) {
const newComponent = this.editoren.DomComponents.getWrapper().append({
type: 'text',
content: 'New text component',
});
selectedComponent.components().add(newComponent);
this.editoren.refresh();
}
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (2)
Hi there! 😊
I don't believe this is a bug with GrapesJS. I checked your reproduction link and tried adding a component to the canvas, and it worked perfectly fine for me without any issues. 👍
You have to bypass Vue's Proxy observers https://github.com/GrapesJS/grapesjs/issues/4497#issuecomment-1213078160
Related Questions and Answers
Continue research with similar issue discussions.
Issue #5305
BUG: "component:add" event triggers when components are moved
GrapesJS version 0.21.4[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome Version 113.0.5672.63 Reproduc...
Issue #4323
BUG: Performance issue while dragging component to canvas when you have 2k component on canvas
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Google Chrome Version 101.0.4951.41 (Officia...
Issue #5990
BUG: When you delete a component, duplicate classes between components will be deleted.
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 126.0.6478.127(Windows) Reproducibl...
Issue #5425
BUG: When add a similar page just components ids will be changed
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? 117 Reproducible demo link https://jsfiddl...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.