Remove self-closing div tag, which is invalid HTML

wyattdanger · wyattdanger · commit b30bf89f9a56 · 2016-04-25T17:42:18.000-07:00
diff --git a/dist/server/iframe.html.js b/dist/server/iframe.html.js
@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 exports.default = function (headHtml) {
-  return "\n    <!DOCTYPE html>\n    <html>\n      <head>\n        <script>\n          if (window.parent !== window) {\n            window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__;\n          }\n        </script>\n        <title>React Storybook</title>\n        " + headHtml + "\n      </head>\n      <body>\n        <div id=\"root\" />\n        <script src=\"static/preview.bundle.js\"></script>\n      </body>\n    </html>\n  ";
+  return "\n    <!DOCTYPE html>\n    <html>\n      <head>\n        <script>\n          if (window.parent !== window) {\n            window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__;\n          }\n        </script>\n        <title>React Storybook</title>\n        " + headHtml + "\n      </head>\n      <body>\n        <div id=\"root\"></div>\n        <script src=\"static/preview.bundle.js\"></script>\n      </body>\n    </html>\n  ";
 };
diff --git a/dist/server/index.html.js b/dist/server/index.html.js
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 exports.default = function () {
-  return '\n    <!DOCTYPE html>\n    <html>\n      <head>\n        <title>React Storybook</title>\n        <script type="text/javascript">\n          window.dataId = \'' + _uuid2.default.v4() + '\';\n        </script>\n        <style>\n          /*\n            When resizing panels, the drag event breaks if the cursor\n            moves over the iframe. Add the \'dragging\' class to the body\n            at drag start and remove it when the drag ends.\n           */\n          .dragging iframe {\n            pointer-events: none;\n          }\n        </style>\n      </head>\n      <body style="margin: 0;">\n        <div id="root" />\n        <script src="static/admin.bundle.js"></script>\n      </body>\n    </html>\n  ';
+  return '\n    <!DOCTYPE html>\n    <html>\n      <head>\n        <title>React Storybook</title>\n        <script type="text/javascript">\n          window.dataId = \'' + _uuid2.default.v4() + '\';\n        </script>\n        <style>\n          /*\n            When resizing panels, the drag event breaks if the cursor\n            moves over the iframe. Add the \'dragging\' class to the body\n            at drag start and remove it when the drag ends.\n           */\n          .dragging iframe {\n            pointer-events: none;\n          }\n        </style>\n      </head>\n      <body style="margin: 0;">\n        <div id="root"></div>\n        <script src="static/admin.bundle.js"></script>\n      </body>\n    </html>\n  ';
 };
 
 var _uuid = require('uuid');
diff --git a/src/server/iframe.html.js b/src/server/iframe.html.js
@@ -12,7 +12,7 @@ export default function (headHtml) {
         ${headHtml}
       </head>
       <body>
-        <div id="root" />
+        <div id="root"></div>
         <script src="static/preview.bundle.js"></script>
       </body>
     </html>
diff --git a/src/server/index.html.js b/src/server/index.html.js
@@ -21,7 +21,7 @@ export default function () {
         </style>
       </head>
       <body style="margin: 0;">
-        <div id="root" />
+        <div id="root"></div>
         <script src="static/admin.bundle.js"></script>
       </body>
     </html>
