I can't input text append a mark that output nested DOM

[ocavue]

I have a mark that returns nested DOM in its toDOM. I found that I can't input text after this mark. The input text is shown on the screen but it's not inserted into ProseMirror's data structure.

      toDOM: mark => [
        "span",
        {
          class: "markaaa",
          style: "background-color: lightgreen;"
        },
        [
          "a",
          {
            href: "https://google.com"
          },
          0
        ]
      ]

I'm not sure if it's allowed to output nested DOM structure in a mark's toDOM, but I didn't find any limit about this from the document.

mini repo: https://glitch.com/edit/#!/bow-steadfast-accelerator?path=index.js%3A6%3A49

CleanShot.2021-12-30.at.17.04.57.mp4

[marijnh]

Depending on what your parseDOM rules look like for this mark, attached patch might help.