From ef85ba6c1fc1ddae96c0977fd35419c328ec3771 Mon Sep 17 00:00:00 2001
From: Manuel Mtz-Almeida <manu.valladolid@gmail.com>
Date: Mon, 12 Jun 2017 23:17:48 +0200
Subject: [PATCH] fix(input): add correct translate3d for rtl

thanks @Khalid-Nowaf

fixes #11745
fixes #11211
---
 src/components/input/input.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/input/input.ts b/src/components/input/input.ts
index 7e095188ba..6a13c658ba 100644
--- a/src/components/input/input.ts
+++ b/src/components/input/input.ts
@@ -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 {