Remove self-closing div tag, which is invalid HTML (#148)

storybookjs · Apr 26, 2016 · 2e9e392 · 2e9e392
1 parent c0b49ad
commit 2e9e392
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
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          \n          /* Styling the fuzzy search box placeholders */\n          .searchBox::-webkit-input-placeholder { /* Chrome/Opera/Safari */\n            color: #ddd;\n            font-size: 16px;\n          }\n          \n          .searchBox::-moz-placeholder { /* Firefox 19+ */\n            color: #ddd;\n            font-size: 16px;\n          }\n          \n          .searchBox:focus{\n            border-color: #EEE !important;\n          }\n          \n          .btn:hover{\n            background-color: #eee\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          \n          /* Styling the fuzzy search box placeholders */\n          .searchBox::-webkit-input-placeholder { /* Chrome/Opera/Safari */\n            color: #ddd;\n            font-size: 16px;\n          }\n          \n          .searchBox::-moz-placeholder { /* Firefox 19+ */\n            color: #ddd;\n            font-size: 16px;\n          }\n          \n          .searchBox:focus{\n            border-color: #EEE !important;\n          }\n          \n          .btn:hover{\n            background-color: #eee\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
@@ -40,7 +40,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>