From 7c655b6a9250f071ebeaa006223389d09f165453 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Huvar?= <huvikjee@gmail.com>
Date: Tue, 13 Nov 2018 10:47:08 +0100
Subject: [PATCH] Fix overflow docs (#875)

---
 .../src/components/Playground/DocExplorer/RootColumn.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/graphql-playground-react/src/components/Playground/DocExplorer/RootColumn.tsx b/packages/graphql-playground-react/src/components/Playground/DocExplorer/RootColumn.tsx
index 22d144158..6551005f9 100644
--- a/packages/graphql-playground-react/src/components/Playground/DocExplorer/RootColumn.tsx
+++ b/packages/graphql-playground-react/src/components/Playground/DocExplorer/RootColumn.tsx
@@ -3,6 +3,7 @@ import ColumnDoc from './ColumnDoc'
 import SearchResults from './SearchResults'
 import GraphDocsRoot from './GraphDocsRoot'
 import SearchBox from './SearchBox'
+import { styled } from '../../../styled'
 
 export interface Props {
   searchValue: string
@@ -18,7 +19,7 @@ export default class RootColumn extends React.PureComponent<Props, {}> {
     return (
       <ColumnDoc width={width} overflow={false}>
         <SearchBox onSearch={handleSearch} />
-        <div className="overflowAuto flexAuto">
+        <Column>
           {searchValue && (
             <SearchResults
               searchValue={searchValue}
@@ -30,8 +31,12 @@ export default class RootColumn extends React.PureComponent<Props, {}> {
           {!searchValue && (
             <GraphDocsRoot schema={schema} sessionId={sessionId} />
           )}
-        </div>
+        </Column>
       </ColumnDoc>
     )
   }
 }
+
+const Column = styled.div`
+  overflow: auto;
+`