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

fix(input): keyboard focus/scrolling/tabbing

Browse Source
This commit is contained in:
Adam Bradley
2015-10-10 16:28:36 -05:00
parent 5f283cc045
commit 039ecac2ae
10 changed files with 479 additions and 355 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
ionic/components/text-input/text-input.scss
View File

@ -2,9 +2,6 @@
// Text Input
// --------------------------------------------------
$input-focus-border-color: #51a7e8 !default;
$input-focus-box-shadow: inset 0px 0px 8px 0px $input-focus-border-color !default;
$text-input-background-color: $list-background-color !default;
@ -37,18 +34,6 @@ ion-input.item {
align-items: flex-start;
}
.key-input ion-input {
&.has-focus {
border-color: $input-focus-border-color;
box-shadow: $input-focus-box-shadow;
}
:focus {
outline: none;
}
}
ion-input [text-input] {
flex: 1;
background-color: $text-input-background-color;
@ -59,6 +44,13 @@ ion-input.has-focus [text-input] {
pointer-events: auto;
}
ion-input input[scroll-assist] {
display: inline-block;
width: 1px;
height: 1px;
pointer-events: none;
}
ion-input textarea {
padding-top: 9px;
}
@ -80,4 +72,3 @@ input,
textarea {
@include placeholder();
}