Error when calling `focus()` on an empty editor

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

bug

What’s the current behavior?

Calling focus() on an empty editor after it’s mounted causes an exception:

Uncaught Error: Invalid `key` argument! It must be either a block, an inline, a text, or a string. You passed: null
    at normalizeKey (https://npmcdn.com/slate@0.25.1/dist/slate.js:14384:9)
    at Document.getFurthestAncestor (https://npmcdn.com/slate@0.25.1/dist/slate.js:12810:13)
    at Document.object.(anonymous function) [as getFurthestAncestor] (https://npmcdn.com/slate@0.25.1/dist/slate.js:19296:28)
    at Document.getSelectionIndexes (https://npmcdn.com/slate@0.25.1/dist/slate.js:13493:26)
    at Content.render (https://npmcdn.com/slate-react@0.1.8/dist/slate-react.js:8409:30)
    [ ... ]

This was working as recently as 0.24.5, so the breakage must be pretty new.

https://jsfiddle.net/rgrove/sjcc7p0e/2/

What’s the expected behavior?

The editor should be focused.

[ms88privat]

Why was this closed? We are also running into this.

The solution above doesn’t work for me. It will not focus the editor content.

Edit: Ok, it helped to initialise the empty document like this:

if (typeof value === 'undefined' || value === null) {
        return Value.fromJSON({
            document: {
                nodes: [{
                    kind: 'block',
                    type: 'paragraph',
                    nodes: [
                        {
                            kind: 'text',
                            text: '',
                        },
                    ],
                }],
            },
        });
    }

instead of:

return Value.fromJSON({
            document: {
                nodes: [{
                    kind: 'block',
                    type: 'paragraph',
                }],
            },
        });

[anewusr]

I don’t think this is a red herring.

After upgrading to 0.25.1, I get the same error as the OP whenever I invoke the “focus” function below via the parent element’s ref, i.e. this.refs.myEditor.focus()

For some reason, focusing works without error when clicking into the editor or if <p></p> is replaced with <p>a</p>.

Here is the relevant code:

   state = {
      state: html.deserialize('<p></p>')
   };

    focus() {
        const { state } = this.state;
        const change = state.change().focus();
        this.onChange(change);
    }

    onChange = (change) => {
        let {state} = change;
        this.setState({ state })
    };

And a screenshot of the error:

Any idea why we’re seeing this regression?