When deleting the leading line break of the row containing the widget, the widget’s text becomes the doc’s text.

[WBBB0730]

Describe the issue

When deleting the leading line break of the row containing the widget, the widget’s text becomes the doc’s text.

20260113002949_rec_-convert.mp4

Reproduction steps:

• Place the cursor at the beginning of the third line, press Enter, and then press Backspace.

Browser and platform

No response

Reproduction link

https://codemirror.net/try/#c=aW1wb3J0IHsgRWRpdG9yVmlldywgRGVjb3JhdGlvbiwgVmlld1BsdWdpbiwgV2lkZ2V0VHlwZSB9IGZyb20gIkBjb2RlbWlycm9yL3ZpZXciCmltcG9ydCB7IEVkaXRvclN0YXRlIH0gZnJvbSAiQGNvZGVtaXJyb3Ivc3RhdGUiCgovLyA9PT09PT09PT09PT0gQ29uZmlnID09PT09PT09PT09PQpjb25zdCBjb21wbGV0aW9uID0gIi8vIHRoaXMgaXMgY29tcGxldGlvbiBoaW50Igpjb25zdCBpbml0aWFsRG9jID0gImZ1bmN0aW9uIGhlbGxvKCkge1xuICBjb25zb2xlLmxvZygnd29ybGQnKVxufSIKCi8vID09PT09PT09PT09PSBDb21wbGV0aW9uV2lkZ2V0ID09PT09PT09PT09PQpjbGFzcyBDb21wbGV0aW9uV2lkZ2V0IGV4dGVuZHMgV2lkZ2V0VHlwZSB7CiAgY29uc3RydWN0b3IoY29tcGxldGlvbikgewogICAgc3VwZXIoKQogICAgdGhpcy5jb21wbGV0aW9uID0gY29tcGxldGlvbgogIH0KCiAgdG9ET00oKSB7CiAgICBjb25zdCBzcGFuID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgic3BhbiIpCiAgICBzcGFuLnRleHRDb250ZW50ID0gdGhpcy5jb21wbGV0aW9uIHx8ICIiCiAgICBzcGFuLnN0eWxlLmNvbG9yID0gIiM4ODgiCiAgICBzcGFuLnN0eWxlLnVzZXJTZWxlY3QgPSAibm9uZSIKICAgIHNwYW4uc3R5bGUucG9pbnRlckV2ZW50cyA9ICJub25lIgogICAgcmV0dXJuIHNwYW4KICB9Cn0KCmZ1bmN0aW9uIGdldERlY29yYXRpb25zKHZpZXcsIGNvbXBsZXRpb24pIHsKICBpZiAoIWNvbXBsZXRpb24pIHJldHVybiBEZWNvcmF0aW9uLm5vbmUKCiAgY29uc3Qgd2lkZ2V0ID0gRGVjb3JhdGlvbi53aWRnZXQoewogICAgd2lkZ2V0OiBuZXcgQ29tcGxldGlvbldpZGdldChjb21wbGV0aW9uKSwKICAgIHNpZGU6IDEsCiAgfSkKCiAgcmV0dXJuIERlY29yYXRpb24uc2V0KFt3aWRnZXQucmFuZ2Uodmlldy5zdGF0ZS5kb2MubGVuZ3RoKV0pCn0KCmZ1bmN0aW9uIGNyZWF0ZUNvbXBsZXRpb25QbHVnaW4oY29tcGxldGlvbikgewogIHJldHVybiBWaWV3UGx1Z2luLmZyb21DbGFzcyhjbGFzcyB7CiAgICBjb25zdHJ1Y3Rvcih2aWV3KSB7CiAgICAgIHRoaXMuZGVjb3JhdGlvbnMgPSBnZXREZWNvcmF0aW9ucyh2aWV3LCBjb21wbGV0aW9uKQogICAgfQoKICAgIHVwZGF0ZSh1cGRhdGUpIHsKICAgICAgaWYgKHVwZGF0ZS5kb2NDaGFuZ2VkKSB7CiAgICAgICAgdGhpcy5kZWNvcmF0aW9ucyA9IGdldERlY29yYXRpb25zKHVwZGF0ZS52aWV3LCBjb21wbGV0aW9uKQogICAgICB9CiAgICB9CiAgfSwgewogICAgZGVjb3JhdGlvbnM6IHYgPT4gdi5kZWNvcmF0aW9ucywKICB9KQp9CgovLyA9PT09PT09PT09PT0gVGhlbWUgPT09PT09PT09PT09CmNvbnN0IHRoZW1lID0gRWRpdG9yVmlldy50aGVtZSh7CiAgIiYiOiB7CiAgICBiYWNrZ3JvdW5kQ29sb3I6ICIjMWUxZTFlIiwKICAgIGNvbG9yOiAiI2Q0ZDRkNCIsCiAgfSwKICAiLmNtLWNvbnRlbnQiOiB7CiAgICBjYXJldENvbG9yOiAiI2ZmZiIsCiAgfSwKfSkKCi8vID09PT09PT09PT09PSBDcmVhdGUgRWRpdG9yID09PT09PT09PT09PQpuZXcgRWRpdG9yVmlldyh7CiAgc3RhdGU6IEVkaXRvclN0YXRlLmNyZWF0ZSh7CiAgICBkb2M6IGluaXRpYWxEb2MsCiAgICBleHRlbnNpb25zOiBbCiAgICAgIEVkaXRvclZpZXcubGluZVdyYXBwaW5nLAogICAgICB0aGVtZSwKICAgICAgY3JlYXRlQ29tcGxldGlvblBsdWdpbihjb21wbGV0aW9uKSwKICAgIF0sCiAgfSksCiAgcGFyZW50OiBkb2N1bWVudC5ib2R5LAp9KQo=

[marijnh]

Bind something to Enter. Or, even better, use the default keymap to bind proper commands to all editing-related keys.

[WBBB0730]

Bind something to Enter. Or, even better, use the default keymap to bind proper commands to all editing-related keys.

@marijnh Thank you for your reply! But I don't quite understand what you mean. What should I do to make this piece of code in my demo work properly? This looks like a bug in the widget.

[WBBB0730]

Let me describe the problem I'm encountering in more detail:
When I create a widget as shown in the demo, as soon as I delete the newline character at the beginning of the line where the widget is located, the text content of the widget is suddenly added to my doc. This is not expected behavior.

[marijnh]

But I don't quite understand what you mean

Here's and adjusted version of your demo that binds commands. The browser's default behavior for Enter doesn't know anything about what is content and what is a widget, and will just crudely move stuff around in the DOM. Thus, you need to bind CodeMirror's own commands to keys, or your editor won't work right.

[WBBB0730]

@marijnh Thank you very much! This has been a great help to me.