accessibility: elimate duplicate root id (#86)

2020-03-02 11:05:33 -08:00 · 2020-03-02 11:05:33 -08:00 · 2b3c68a184
--- a/public/index.html
+++ b/public/index.html
@ -28,7 +28,7 @@
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
+    <div id="rootdiv"></div>
    <div style="display: none;">OCR Form Labeling Tool</div>
    <!--
      This HTML file is a template.
--- a/src/index.scss
+++ b/src/index.scss
@ -8,7 +8,7 @@ body.no-focus-outline :focus {
    outline: none;
 }

-#root {
+#rootdiv {
    overflow: hidden;
 }

--- a/src/index.tsx
+++ b/src/index.tsx
@ -44,7 +44,7 @@ ReactDOM.render(
    <Provider store={store}>
        <App/>
    </Provider>
-    , document.getElementById("root"));
+    , document.getElementById("rootdiv"));

 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.