prevent focusing void inline nodes

is it possible to prevent focusing void inline nodes and make them act like characters? i.e. only allow the cursor the be on either side of the node, not “on” it.

I tried to create a rule for this, but couldn’t quite figure out how to check if a node has focus:

{
  match: node => node.kind === 'inline' && node.isVoid,
  validate: node => // how to check if the node has focus here?,
  normalize: (transform, node) => // move cursor to either side
}

[maxjvh]

for anyone interested, managed to solve this eventually with a plugin like this:

class SkipVoidNodesPlugin {
  direction = '';
  onKeyDown(event, keyData, state) {
    if (keyData.key === 'left') {
      this.direction = 'Previous';
    } else if (keyData.key === 'right') {
      this.direction = 'Next';
    } else {
      this.direction = '';
    }
  }
  onBeforeChange(state) {
    if (this.direction !== '') {
      const focusedNode = state.focusInline || state.focusText;
      if (focusedNode.isVoid) {
        return state.transform()[`collapseToEndOf${this.direction}Text`]().apply();
      }
    }
  }
}

[ara4n]

for those looking at this today, the bad news is that onBeforeChange, Transform and State have gone. the good news seems to be that the same trick works if you do it in onChange with Change, with something like this:

    onChange = (change: Change) => {
        let value = change.value;
        if (this.direction !== '') {
            const focusedNode = value.focusInline || value.focusText;
            if (focusedNode.isVoid) {
                change = change[`collapseToEndOf${ this.direction }Text`]();
                value = change.value;
            }
        }
        // ...
        this.setState({
            value,
        });
    }