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

android textarea .cloned-text-input fix

Browse Source
This commit is contained in:
Adam Bradley
2014-04-17 11:31:05 -05:00
parent ee1c8dc8b7
commit c587dec28f
3 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
js/utils/tap.js
View File

@@ -120,6 +120,7 @@ ionic.tap = {
clonedInput.value = focusInput.value;
clonedInput.className = 'cloned-text-input';
focusInput.parentElement.insertBefore(clonedInput, focusInput);
focusInput.style.top = focusInput.offsetTop;
focusInput.classList.add('previous-input-focus');
}
}
@@ -142,6 +143,7 @@ ionic.tap = {
for(x=0; x<previousInputFocus.length; x++) {
previousInputFocus[x].classList.remove('previous-input-focus');
previousInputFocus[x].style.top = '';
previousInputFocus[x].focus();
}
});

9
scss/_form.scss
View File

@@ -260,6 +260,15 @@ input[type="file"] {
line-height: $input-height-base;
}
// Text input classes to hide text caret during scroll
.previous-input-focus,
.cloned-text-input + input,
.cloned-text-input + textarea {
position: absolute;
left: -9999px;
width: 200px;
}
// Placeholder
// -------------------------------

8
scss/_scaffolding.scss
View File

@@ -137,14 +137,6 @@ body.grade-c {
}
}
.previous-input-focus,
.cloned-text-input + input,
.cloned-text-input + textarea {
position: absolute;
left: -9999px;
width: 200px;
}
@keyframes refresh-spin {
0% { transform: translate3d(0,0,0) rotate(0); }
100% { transform: translate3d(0,0,0) rotate(-180deg); }