From 1663e4b81c35d09c53f1659d98ee0884c1f99c4e Mon Sep 17 00:00:00 2001
From: AlbertHilb <alberthilbert@gmail.com>
Date: Tue, 19 Sep 2017 17:53:07 +0200
Subject: [PATCH] Make `Void` block component width `100%`. (#1142)

* Make `Void` block component width `100%`.

* Update tests.
---
 packages/slate-react/src/components/void.js                    | 3 ++-
 .../slate-react/test/rendering/fixtures/custom-block-void.js   | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/slate-react/src/components/void.js b/packages/slate-react/src/components/void.js
index 0a1b964c7..2ad7d8cb3 100644
--- a/packages/slate-react/src/components/void.js
+++ b/packages/slate-react/src/components/void.js
@@ -144,7 +144,8 @@ class Void extends React.Component {
       Tag = 'div'
       style = {
         display: 'inline-block',
-        verticalAlign: 'top'
+        verticalAlign: 'top',
+        width: '100%'
       }
     } else {
       Tag = 'span'
diff --git a/packages/slate-react/test/rendering/fixtures/custom-block-void.js b/packages/slate-react/test/rendering/fixtures/custom-block-void.js
index dfd606d30..36b86a612 100644
--- a/packages/slate-react/test/rendering/fixtures/custom-block-void.js
+++ b/packages/slate-react/test/rendering/fixtures/custom-block-void.js
@@ -29,7 +29,7 @@ export const output = `
         <span data-slate-zero-width="true">&#x200A;</span>
       </span>
     </span>
-    <div contenteditable="false" style="display:inline-block;vertical-align:top;">
+    <div contenteditable="false" style="display:inline-block;vertical-align:top;width:100%;">
       <img src="https://example.com/image.png">
     </div>
   </div>