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): add correct translate3d for rtl

Browse Source 
thanks @Khalid-Nowaf

fixes #11745
fixes #11211
This commit is contained in:
Manuel Mtz-Almeida
2017-06-12 23:17:48 +02:00
parent 6dee17b89b
commit ef85ba6c1f
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/input/input.ts
View File

@@ -508,7 +508,9 @@ export class TextInput extends BaseInput<string> implements IonicFormInput {
// We hide the focused input (with the visible caret) invisiable by making it scale(0),
cloneInputComponent(platform, componentEle, focusedInputEle);
const inputRelativeY = this._getScrollData().inputSafeY;
focusedInputEle.style[platform.Css.transform] = `translate3d(-9999px,${inputRelativeY}px,0)`;
// fix for #11817
const tx = this._plt.isRTL ? 9999 : -9999;
focusedInputEle.style[platform.Css.transform] = `translate3d(${tx}px,${inputRelativeY}px,0)`;
focusedInputEle.style.opacity = '0';
} else {