Empty blocks are lost when performing an undo operation

[juanhurtado10]

Context

notebook_new_line.mov

[komaldembla]

Please find the list

Device, Browser, OS:

• Macbook Pro, Chrome (92.0.4515.107), MacOS Catalina

Editor.js version: 2.22.0

Plugins used with their versions:

• editorjs/checklist (1.3.0),
• editorjs/delimiter (1.2.0),
• editorjs/header (2.6.1)
• editorjs/link (2.3.1)
• editorjs/list (1.6.2)
• editorjs/paragraph (2.8.0)
• editorjs/underline (1.0.0)
• editorjs-text-color-plugin (1.1.22)

[MrJuanGaviriaK]

Hi @komaldembla, @juanhurtado10

I've checked the issue and I noticed it is not related to the undo plugin.

Editor.js does not manage a line break as an empty block or an empty paragraph block then, the undo plugin just can't restore it because this is not even persisted into the history stack:

There are workarounds to solve this:

• Use ENTER+SHIFT to lines break, you would get:
  
• Use editorjs-break-line, If you need a breake-line component, editorjs-undo works perfectly with this plugin

But definitely, a root solution may be done on the editor.js core. Here are some references:

• How can I use ENTER key for soft line break? codex-team/editor.js#1267
• Prevent new block when user press Enter codex-team/editor.js#1387

Best,
Juan Gaviria

[komaldembla]

Thanks for the quick response here @MrJuanGaviriaK! I'll check the workarounds.

[juanhurtado10]

@komaldembla @MrJuanGaviriaK

Screen.Recording.2021-09-08.at.5.07.51.PM.mov

After researching, I found that the following config allows the Undo plugin to recover the empty blocks.

  paragraph: {
    class: Paragraph,
    inlineToolbar: true,
    config: {
      preserveBlank: true,
    },
  },
  ...