"paste-html" – error when pasting content in which A tag is wrapped in a text-formatting tag (i.e. STRONG)

Do you want to request a feature or report a bug?

Bug

What’s the current behavior?

Go to https://hungerlyyak.htmlpasta.com/ and copy the content. The HTML is below:

<p>The most important thing is to copy this text <strong><a href="https://example.com/">and this A link</a></strong> that is wrapped in STRONG tags.</p>
<p>Open your console and see what it says when you paste.</p>

Then, go to the paste-html example. Open your developer console. Paste the content in the Slate Editor. It triggers an error:

Uncaught Error: The <text> hyperscript tag can only contain text content as children.

This is because the <strong> tag becomes a text tag (with bold: true) and then, there is an Element nested in it ({ type: "link", url:"https://example.com/", children: [{ text: "and this A link" }] } – which is a forbidden nesting as per Slate’s constraints.

Slate: 0.56.9 Browser: All OS: Mac

What’s the expected behavior?

I think the bolding should transfer and apply to the Text leaves nested within the Link Element.

[davidgolden]

Maybe I’m misunderstanding your logic, but I’m thinking the goal is to return only valid children of the text node. Since find() returns ‘undefined’ if there aren’t any, but filter() will always return an array, it just seems cleaner to me.

[nikita-nikita-nikita]

in my case i just did this and it works but there was just a {type: "link"} maybe in some other cases that can doesn’t work fine

 if (TEXT_TAGS[nodeName]) {
    const attrs = TEXT_TAGS[nodeName](el);
    return children.map(child => {
      if(SlateElement.isElement(child)) {
        return jsx('element', child)
      }
      return jsx('text', attrs, child)
    })
  }