fix void selection behavior

examples/images/index.js

@@ -139,7 +139,7 @@ class Images extends React.Component {
         return (props) => {
           const { node, state } = props
           const { data } = node
-          const isActive = state.blocks.includes(node)
+          const isActive = state.selection.isFocused && state.blocks.includes(node)
           const src = data.get('src')
           return <img src={src} data-active={isActive} />
         }

lib/components/content.js

@@ -1,7 +1,6 @@
 
 import OffsetKey from '../utils/offset-key'
 import React from 'react'
-import ReactDOM from 'react-dom'
 import Text from './text'
 import Void from './void'
 import keycode from 'keycode'
@@ -303,7 +302,6 @@ class Content extends React.Component {
       return
     }
 
-    const el = ReactDOM.findDOMNode(this)
     const { anchorNode, anchorOffset, focusNode, focusOffset } = native
     const anchor = OffsetKey.findPoint(anchorNode, anchorOffset)
     const focus = OffsetKey.findPoint(focusNode, focusOffset)

lib/components/void.js

@@ -19,19 +19,19 @@ class Void extends React.Component {
     state: React.PropTypes.object.isRequired
   };
 
-  onClick(e) {
-    e.preventDefault()
-    let { editor, node, state } = this.props
-    let text = node.getTextNodes().first()
+  // onClick(e) {
+  //   e.preventDefault()
+  //   let { editor, node, state } = this.props
+  //   let text = node.getTextNodes().first()
 
-    state = state
-      .transform()
-      .moveToStartOf(text)
-      .focus()
-      .apply()
+  //   state = state
+  //     .transform()
+  //     .moveToStartOf(text)
+  //     .focus()
+  //     .apply()
 
-    editor.onChange(state)
-  }
+  //   editor.onChange(state)
+  // }
 
   render() {
     const { children, node } = this.props
@@ -41,9 +41,9 @@ class Void extends React.Component {
     }
 
     return (
-      <Tag style={style} onClick={e => this.onClick(e)}>
+      <Tag style={style}>
         {this.renderSpacer()}
-        <span contenteditable={false}>{children}</span>
+        <div contenteditable={false}>{children}</div>
       </Tag>
     )
   }
@@ -51,8 +51,11 @@ class Void extends React.Component {
   renderSpacer() {
     const style = {
       position: 'absolute',
-      top: '0px', // vertically the same, to not scroll the window
-      left: '-10000px'
+      top: '0px',
+      right: '0px',
+      bottom: '0px',
+      left: '0px',
+      textIndent: '-9999px'
     }
 
     return (