Inline IsVoid block throws "Unable to find DOM node" error when selection changes

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

Report a bug

What’s the current behavior?

After inserting an inline block that has IsVoid in the schema, moving the selection on to the block throws an “unable to find DOM node” error. The inline component does have its incoming attributes prop spread and the schema also has IsVoid set to true. The problem does not reproduce if the button is changed to insertBlock instead of insertInline.

Image component

import React from "react";

export default class Image extends React.Component {
  render() {
    return (
      <img {...this.props.attributes} src={this.props.node.data.get("src")} />
    );
  }
}

Schema

{
  blocks: {
    image: {
      isVoid: true
    }
  }
}

Codesandbox example

What’s the expected behavior?

The editor shouldn’t crash and should allow selection.

[isubasti]

@rfeltis you inserted the image using insertInlinebut your schema is basically setting image only as a blocks. if you change your schema to

{
  inlines: {
    image: {
      isVoid: true
    }
  }
}

or use insertBlock as your image then it should be good.

@ianstormtaylor not sure if we want to put this as a bug. It’s more like the isVoid check through schema is not explained enough on the documentation. Same issue as https://github.com/ianstormtaylor/slate/issues/2219

[isubasti]

@rfeltis documentation is at https://github.com/ianstormtaylor/slate/blob/8dd919dc3457c62ea2aa72f31b83faf42cbaba72/docs/reference/slate/schema.md linked at the end of the custom normalizer section https://docs.slatejs.org/guides/schemas#custom-normalizers