From d86bcfd13b58c5c6c00dd98492e3f77ce5c5867d Mon Sep 17 00:00:00 2001
From: Dmitriy Kovalenko <dmtr.kovalenko@outlook.com>
Date: Tue, 31 Oct 2017 12:31:01 +0200
Subject: [PATCH] Fix scrolling dialog in material-ui v1.0.0-alpha.19

---
 package.json                              | 12 ++++++------
 src/DateTimePicker/DateTimePickerView.jsx |  2 ++
 src/_shared/ModalDialog.jsx               |  5 ++++-
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index eecd095f7..b73114c4f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "material-ui-pickers",
-  "version": "1.0.0-alpha.9",
+  "version": "1.0.0-alpha.10",
   "description": "React components, that implements material design pickers for material-ui v1",
   "main": "dist/material-ui-pickers.cjs.js",
   "module": "dist/material-ui-pickers.es.js",
@@ -33,7 +33,7 @@
     "react": "^15.6.2 || ^16.0.0",
     "react-dom": "^15.6.2 || ^16.0.0",
     "prop-types": "^15.6.0",
-    "material-ui": "^1.0.0-beta.19",
+    "material-ui": "^1.0.0-beta.18",
     "classnames": "^2.2.5"
   },
   "dependencies": {
@@ -62,23 +62,23 @@
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-latest": "^6.24.1",
     "classnames": "^2.2.5",
-    "cross-env": "^5.1.1",
+    "cross-env": "^5.1.0",
     "enzyme": "^3.1.0",
     "enzyme-adapter-react-16": "^1.0.2",
-    "eslint": "^4.10.0",
+    "eslint": "^4.8.0",
     "eslint-config-airbnb": "^16.0.0",
     "eslint-plugin-import": "^2.7.0",
     "eslint-plugin-jsx-a11y": "^6.0.2",
     "eslint-plugin-react": "^7.4.0",
     "jest": "^21.2.1",
-    "material-ui": "^1.0.0-beta.19",
+    "material-ui": "^1.0.0-beta.18",
     "peer-deps-externals-webpack-plugin": "^1.0.2",
     "prop-types": "^15.6.0",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
     "rollup": "^0.50.0",
     "rollup-plugin-babel": "^3.0.2",
-    "rollup-plugin-commonjs": "^8.2.6",
+    "rollup-plugin-commonjs": "^8.2.4",
     "rollup-plugin-filesize": "^1.4.2",
     "rollup-plugin-node-resolve": "^3.0.0",
     "webpack": "^3.5.1",
diff --git a/src/DateTimePicker/DateTimePickerView.jsx b/src/DateTimePicker/DateTimePickerView.jsx
index ee9e1475f..3b93b6170 100644
--- a/src/DateTimePicker/DateTimePickerView.jsx
+++ b/src/DateTimePicker/DateTimePickerView.jsx
@@ -23,6 +23,8 @@ const styles = {
     pointerEvents: 'none',
     visibility: 'hidden', // required for saving scrolls state
     position: 'absolute', // remove relation for layout
+    left: '-9999px',
+    top: '-9999px',
   },
 };
 
diff --git a/src/_shared/ModalDialog.jsx b/src/_shared/ModalDialog.jsx
index 44f478830..6e3fc3c85 100644
--- a/src/_shared/ModalDialog.jsx
+++ b/src/_shared/ModalDialog.jsx
@@ -4,6 +4,9 @@ import classnames from 'classnames';
 import { Dialog, DialogActions, DialogContent, Button, withStyles } from 'material-ui';
 
 const styles = {
+  dialogRoot: {
+
+  },
   dialog: {
     width: 300,
     height: 420,
@@ -20,7 +23,7 @@ const ModalDialog = (props) => {
   } = props;
 
   return (
-    <Dialog {...other}>
+    <Dialog classes={{ paper: classes.dialogRoot }} {...other}>
       <DialogContent className={classnames(classes.dialog, dialogContentClassName)}>
         { children }
       </DialogContent>