From e15ee8ee056f3c0723d43224765ee0346cd28f76 Mon Sep 17 00:00:00 2001
From: Izak Filmalter <izak@steeple.ai>
Date: Wed, 2 Aug 2017 12:31:46 -0400
Subject: [PATCH] Fix Mobile Safari issues. (#1282)

* Add $input-icon-right-space var to add the correct spacing to the input based on Material Spec.

https://material.io/guidelines/components/text-fields.html#text-fields-s
ingle-line-text-field

* Fix Mobile Safari Issues.

Remove added border-radius for inputs from Safari. Fix `Object.entries
is not a function` for autocomplete.

* Remove new line.

* Add callback functions to slider for when slider starts being dragged, and when it stops.
---
 components/input/theme.css         | 1 +
 docs/webpack.config.development.js | 1 +
 webpack/webpack.config.dev.js      | 1 +
 3 files changed, 3 insertions(+)

diff --git a/components/input/theme.css b/components/input/theme.css
index 512e25e9..a39cb874 100644
--- a/components/input/theme.css
+++ b/components/input/theme.css
@@ -31,6 +31,7 @@
   background-color: var(--input-text-background-color);
   border-bottom: 1px solid var(--input-text-bottom-border-color);
   border-left: 0;
+  border-radius: 0;
   border-right: 0;
   border-top: 0;
   color: var(--color-text);
diff --git a/docs/webpack.config.development.js b/docs/webpack.config.development.js
index 3ed87542..813fab57 100644
--- a/docs/webpack.config.development.js
+++ b/docs/webpack.config.development.js
@@ -9,6 +9,7 @@ module.exports = {
   devtool: 'inline-source-map',
   entry: [
     'webpack-hot-middleware/client',
+    'babel-polyfill',
     './app/index.js'
   ],
   output: {
diff --git a/webpack/webpack.config.dev.js b/webpack/webpack.config.dev.js
index 8db6d8e3..d252d175 100644
--- a/webpack/webpack.config.dev.js
+++ b/webpack/webpack.config.dev.js
@@ -9,6 +9,7 @@ module.exports = {
   devtool: 'cheap-module-eval-source-map',
   entry: [
     'webpack-hot-middleware/client',
+    'babel-polyfill',
     './spec/index.js'
   ],
   output: {