Define floating menu target

Fixes carbon-design-system/carbon#910.
asudoh · Jun 28, 2018 · ea62e6e · ea62e6e
1 parent f9e5c7f
commit ea62e6e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/app/App.js b/src/app/App.js
@@ -140,7 +140,7 @@ class App extends Component {
       currentLocation === 'live' ? '' : <SideNavToggle onToggleBtnClick={this.onToggleBtnClick} isOpen={this.state.isOpen} />;
 
     return (
-      <div className="wrapper" onLoad={this.initCustomComponents}>
+      <div data-floating-menu-container className="wrapper" onLoad={this.initCustomComponents}>
         {toggleBtnContent}
         {sideNavContent}
         <div className={classNames}>

diff --git a/src/index.js b/src/index.js
@@ -1,5 +1,5 @@
 import window from 'window-or-global';
-import React from 'react';
+import React, { Fragment } from 'react';
 import ReactDOM from 'react-dom';
 import { Router, browserHistory } from 'react-router';
 import routes from './routes';
@@ -26,6 +26,9 @@ window.addEventListener('load', () => {
 });
 
 ReactDOM.render(
-  <Router history={browserHistory} onUpdate={logPageView} routes={routes} />,
+  <Fragment>
+    <Router history={browserHistory} onUpdate={logPageView} routes={routes} />
+    <input type="text" className="bx--visually--hidden" />
+  </Fragment>,
   document.getElementById('root'),
 );