javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(inputs): add z-index for all inputs

Browse Source 
fixes #16157
This commit is contained in:
Manu Mtz.-Almeida
2018-10-31 14:36:29 +01:00
committed by Manu MA
parent 9da51b3984
commit 92ee4efb12
6 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -27,6 +27,7 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
z-index: $z-index-item-input;
} }
:host(.in-item) { :host(.in-item) {

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

@ -44,6 +44,8 @@
/* stylelint-enable */ /* stylelint-enable */
font-family: $font-family-base; font-family: $font-family-base;
z-index: $z-index-item-input;
} }
:host(.ion-color) { :host(.ion-color) {

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

@ -25,6 +25,7 @@
font-family: $font-family-base; font-family: $font-family-base;
user-select: none; user-select: none;
z-index: $z-index-item-input;
} }
::slotted(ion-label) { ::slotted(ion-label) {

2
core/src/components/select/select.scss
View File

@ -17,7 +17,6 @@
@include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start)); @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));
display: flex; display: flex;
position: relative; position: relative;
color: var(--color); color: var(--color);
@ -25,6 +24,7 @@
font-family: $font-family-base; font-family: $font-family-base;
overflow: hidden; overflow: hidden;
z-index: $z-index-item-input;
} }
:host(.in-item) { :host(.in-item) {

2
core/src/components/textarea/textarea.scss
View File

@ -41,6 +41,8 @@
color: var(--color); color: var(--color);
font-family: $font-family-base; font-family: $font-family-base;
z-index: $z-index-item-input;
} }
:host(.ion-color) { :host(.ion-color) {

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

@ -21,6 +21,7 @@
cursor: pointer; cursor: pointer;
touch-action: none; touch-action: none;
user-select: none; user-select: none;
z-index: $z-index-item-input;
} }
:host(.toggle-key) input { :host(.toggle-key) input {