BUG: Undo doesn't work after a Component's innerHTML is changed
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
Latest
Reproducible demo link
https://jsfiddle.net/condsjm1/
Describe the bug
How to reproduce the bug?
- Change a Component's innerHTML
- Press CTRL + Z
What is the expected behavior? To undo the content
What is the current behavior? Doesn't undo the content
Description:
On the fiddle, press the button that says 'Change to Hello Planet' and then select the editor and press CTRL + Z
and the undo won't work (nor the redo), but if you change the 'Hello World' text normally it works fine.
I think I'm changing the content wrong? and if so what's the best way to change a component's content and emulate the native behaviour
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (2)
UndoManager tracks component state changes, not its DOM.
This should work in your case element.components('Hello Planet')
@artf Thanks!
Related Questions and Answers
Continue research with similar issue discussions.
Issue #4967
BUG: new storage doesn't work
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfi...
Issue #6458
BUG: sector.setName doesn't work
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfi...
Issue #4242
BUG: Set name for page doesn't work
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v100 Reproducible demo link https:/...
Issue #6409
BUG: Cannot drag to move components on mobile
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v133 Reproducible demo link https:/...
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.