From 1099dc30b0bf2f32ae45735807b629db342a4dcc Mon Sep 17 00:00:00 2001
From: pwespi <frontwind@gmail.com>
Date: Tue, 15 Jan 2019 18:44:00 +0100
Subject: [PATCH] fix(input): fix display of ion-input in narrow ion-item in
 Firefox (#16978)

* fix(input): fix display of ion-input in narrow ion-item in Firefox

* Update index.html

test(input): add narrow input test
---
 core/src/components/input/input.scss            |  1 +
 core/src/components/input/test/basic/index.html | 10 ++++++++++
 2 files changed, 11 insertions(+)

diff --git a/core/src/components/input/input.scss b/core/src/components/input/input.scss
index 86234f9441..c831e27164 100644
--- a/core/src/components/input/input.scss
+++ b/core/src/components/input/input.scss
@@ -67,6 +67,7 @@
   flex: 1;
 
   width: 100%;
+  max-width: 100%;
   height: 100%;
 
   border: 0;
diff --git a/core/src/components/input/test/basic/index.html b/core/src/components/input/test/basic/index.html
index 431403fde9..d9d57665ae 100644
--- a/core/src/components/input/test/basic/index.html
+++ b/core/src/components/input/test/basic/index.html
@@ -118,6 +118,16 @@
         <ion-input clear-input value="reallylonglonglonginputtoseetheedgesreallylonglonglonginputtoseetheedges"></ion-input>
       </ion-item>
 
+      <ion-item style="max-width: 250px">
+        <ion-input value="Narrow input"></ion-input>
+        <ion-label text-right>Left</ion-label>
+      </ion-item>
+
+      <ion-item style="max-width: 250px">
+        <ion-label>Right</ion-label>
+        <ion-input text-right value="Narrow input"></ion-input>
+      </ion-item>
+
     </ion-content>
 
     <script>