BUG: Wrapper component breaks when property is changed after deleting child section

[akzhysparrow]

GrapesJS version

• I confirm to use the latest version of GrapesJS

GrapesJS MJML version

• I confirm to use the latest version of GrapesJS MJML

What browser are you using?

Brave Version 1.70.119 Chromium: 129.0.6668.70

Reproducible demo link

https://grapesjs.com/demo-mjml

Describe the bug

How to reproduce the bug?

1. Go to the demo mjml page https://grapesjs.com/demo-mjml
2. Drag and drop a wrapper component
3. Delete one section from within the wrapper
4. Select the wrapper and change any of its properties

What is the expected behavior?

The property change should be reflected without affecting the child components

What is the current behavior?

All the child elements inside the wrapper disappears

Screen.Recording.2024-09-30.at.2.25.01.PM.mp4

Code of Conduct

• I agree to follow this project's Code of Conduct

[akzhysparrow]

It looks like the issue is due to appendChildren param of renderChildren being truthy. Overriding the rerender method in Wrapper.ts seems to fix it.

Wrapper.ts

rerender() {
  this.render(null, null, {}, false);
},