Disable iOS bouncing

package.json

@@ -99,6 +99,7 @@
     "autobind-decorator": "^1.4.1",
     "classlist-polyfill": "^1.2.0",
     "classnames": "^2.2.5",
+    "inobounce": "^0.1.6",
     "jszip": "^3.1.4",
     "material-design-icons": "^3.0.1",
     "material-design-lite": "^1.2.1",

src/components/Login.js

@@ -93,7 +93,7 @@ export default class Login extends React.Component {
       this.props.authData.expires_at > moment().unix()
     ) {
       return (
-        <div>
+        <React.Fragment>
           <div styleName="avatar">
             <span styleName="name">
               <FormattedMessage id="Nickname" /> 「{
@@ -106,11 +106,11 @@ export default class Login extends React.Component {
               <FormattedMessage id="Logout" />
             </Button>
           </div>
-        </div>
+        </React.Fragment>
       );
     }
     return (
-      <div>
+      <React.Fragment>
         <Textfield
           onChange={event => this.setUsername(event.target.value)}
           value={this.getUsername()}
@@ -146,7 +146,7 @@ export default class Login extends React.Component {
             />
           </Button>
         </div>
-      </div>
+      </React.Fragment>
     );
   }
 

src/containers/LoginContainer.js

@@ -154,7 +154,7 @@ export default class LoginContainer extends React.Component {
 
   render() {
     return (
-      <div>
+      <React.Fragment>
         <Login
           onRef={ref => (this.loginRef = ref)}
           onLoginClick={this.onLoginClick}
@@ -163,7 +163,7 @@ export default class LoginContainer extends React.Component {
           authData={this.state.authData}
         />
         <Alert ref={ref => (this.alertRef = ref)} />
-      </div>
+      </React.Fragment>
     );
   }
 }

src/containers/RedirectContainer.js

@@ -35,18 +35,14 @@ export default class RedirectContainer extends React.Component {
   }
 
   render() {
-    return (
-      <div>
-        {this.state.isError ? (
-          <Message />
-        ) : (
-          <Message
-            text={this.props.intl.formatMessage({
-              id: 'Redirecting to pixiv.net'
-            })}
-          />
-        )}
-      </div>
+    return this.state.isError ? (
+      <Message />
+    ) : (
+      <Message
+        text={this.props.intl.formatMessage({
+          id: 'Redirecting to pixiv.net'
+        })}
+      />
     );
   }
 }

src/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { AppContainer as Root } from 'react-hot-loader';
 import { Provider } from 'react-redux';
+import iNoBounce from 'inobounce';
 
 import { configureStore } from '@/stores';
 import AppContainer from '@/containers/AppContainer';
@@ -13,6 +14,10 @@ const store = configureStore();
 
 chooseLocale(navigator.language, store.dispatch);
 
+if (/iPad|iPhone|iPod/.test(navigator.userAgent)) {
+  iNoBounce.enable();
+}
+
 // Render the main component into the dom
 const render = Component => {
   ReactDOM.render(

src/styles/Reset.scss

@@ -1,5 +1,8 @@
 :global {
   .mdl-layout {
+    .mdl-layout__content {
+      height: 100%;
+    }
     .mdl-layout__drawer-button,
     a.mdl-navigation__link {
       outline: 0 none;

yarn.lock

@@ -4088,6 +4088,10 @@ ini@^1.3.4, ini@~1.3.0:
   version "1.3.5"
   resolved "https://registry.npmjs.org/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
 
+inobounce@^0.1.6:
+  version "0.1.6"
+  resolved "https://registry.npmjs.org/inobounce/-/inobounce-0.1.6.tgz#b3912e63cdb2eacbcbfcdce6a0681a105b49a8d2"
+
 inquirer@^3.0.6:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-3.3.0.tgz#9dd2f2ad765dcab1ff0443b491442a20ba227dc9"