Skip to content
Permalink
Browse files

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
  • Loading branch information...
pwespi authored and brandyscarney committed Jan 15, 2019
1 parent c2fe917 commit 1099dc30b0bf2f32ae45735807b629db342a4dcc
Showing with 11 additions and 0 deletions.
  1. +1 −0 core/src/components/input/input.scss
  2. +10 −0 core/src/components/input/test/basic/index.html
@@ -67,6 +67,7 @@
flex: 1;

width: 100%;
max-width: 100%;
height: 100%;

border: 0;
@@ -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>

0 comments on commit 1099dc3

Please sign in to comment.
You can’t perform that action at this time.