javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

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

* Update index.html

test(input): add narrow input test
This commit is contained in:
pwespi
2019-01-15 18:44:00 +01:00
committed by Brandy Carney
parent c2fe9175bf
commit 1099dc30b0
2 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
core/src/components/input/input.scss
View File

@@ -67,6 +67,7 @@
flex: 1;
width: 100%;
max-width: 100%;
height: 100%;
border: 0;

10
core/src/components/input/test/basic/index.html
View File

@@ -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>