From ed3d3acd493eca71a6f6f09f342912048ac4839f Mon Sep 17 00:00:00 2001
From: Akira Sudoh <asudoh@jp.ibm.com>
Date: Thu, 28 Jun 2018 20:13:56 +0900
Subject: [PATCH] Define floating menu target

Fixes carbon-design-system/carbon-components#910.
---
 src/app/App.js | 2 +-
 src/index.js   | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/app/App.js b/src/app/App.js
index 489c4285..d75d4e0f 100644
--- 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
index eb253d2b..e859fd5f 100644
--- 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'),
 );