Pressing backspace at the beginning of the first paragraph resets the block incorrectly

[ZzzZeta]

Description

Pressing backspace at the beginning of the first block resets the node (reset node plugin) incorrectly.

It causes

• node id to disappear
• ul and ol to transform to p

Original value:

[
  {
    type: "p",
    id: "8h1e2",
    children: [
      {
        text: "",
      },
    ],
  },
];

After pressing BACKSPACE:

[
  {
    children: [
      {
        text: "",
      },
    ],
    type: "p",
  },
];

Reproduction URL

https://github.com/udecode/plate-playground-template

Reproduction steps

1. Run playground template or open https://platejs.org/.
2. Press `ENTER` on first block to create 2 paragraph.
3. Press `BACKSPACE` on first paragraph.
4. Type something on the paragraphs.
5. Drag to swap orders multiple times to see one of the paragraph content disappear.

Plate version

34.0.4

Slate React version

0.103.0

Screenshots

No response

Logs

Original:

[
  {
    type: "p",
    id: "8h1e2",
    children: [
      {
        text: "",
      },
    ],
  },
];

After pressing BACKSPACE:

[
  {
    children: [
      {
        text: "",
      },
    ],
    type: "p",
  },
];

Browsers

Chrome, Firefox

Funding

• You can sponsor this specific effort via a Polar.sh pledge below
• We receive the pledge once the issue is completed & verified

[ZzzZeta]

It is caused by reset node plugin. Enable disableFirstBlockReset fixes it.
When disableFirstBlockReset is not enabled, it even transforms list structure to p > li > lic and makes it broken.

[tyfyyhs]

Pressing delete key at the beginning of the first paragraph resets the block incorrectly

[felixfeng33]

Does it fixed by #3444 ? Could try update?
Update to @udecode/[email protected]

[mareksuscak]

The Reset Plugin is buggy as hell. Try deleting all the content from the playground, then add an empty code block, hit backspace. You no longer see the placeholder which is shifted on to the next line and even if you delete it, there's no placeholder and the document is weirdly nested. You can also not use ``` anymore as it keeps resetting.

@zbeyens any idea what could be off? We just upgraded from v34 where this issue wasn't present and resetting worked correctly or at least better than in v37.

[felixfeng33]

The Reset Plugin is buggy as hell. Try deleting all the content from the playground, then add an empty code block, hit backspace. You no longer see the placeholder which is shifted on to the next line and even if you delete it, there's no placeholder and the document is weirdly nested. You can also not use ``` anymore as it keeps resetting.

@zbeyens any idea what could be off? We just upgraded from v34 where this issue wasn't present and resetting worked correctly or at least better than in v37.

It looks like the ResetNodePlugin was accidentally deleted in Playground. v37 should be fine as well. fixing now

[felixfeng33]

The problem is ResetNodePlugin not import from '/react' fixes by #3522 This is indeed an easy issue to overlook and is often mentioned. We’ll include it in the documentation when we get the chance.

[felixfeng33]

should be fixed by #3444 or #3522

[mareksuscak]

@felixfeng33 ya I noticed that while upgrading too. I wonder if it'd make sense to use different plugin names because it is indeed incredibly easy to overlook and so hard to troubleshoot when React and non-React plugins share the same name. Thanks for the fixes!

[12joan]

@zbeyens Maybe we should rename the non-React plugins (or at least the ones that have React alternatives) with a prefix like "Headless" or "Slate"?

[ZzzZeta]

Does it fixed by #3444 ? Could try update? Update to @udecode/[email protected]

It still incorrectly resets table and list (the non indent one).