fix(native-input): add correct translate3d for rtl

[Khalid-Nowaf]

Short description of what this resolves:

"On a IOS devices and RTL Direction" when a user moves from input element to another input element, the cursor get appeared in the middle of the page, also the label gets flicker.

this PR fixes:

• Input Cursor bug in RTL in IOS device
• Lable Flicker bug in RTL in IOS device

IOS Device before the fix

Android Device before the fix "not effected"

Changes proposed in this pull request:

• Check the platform.Dir before setting the translate3d
• The tx in translate3d in RTL should be 9999, while in LTR -9999

IOS Devie after the fix

Android Device after the fix

**NOTE: the Android does not have this bug, but I'm showing the Android device to confirm the fix has not changed any behaver of input in Android.

Ionic Version:
3.x
Fixes:
#11745 (most of it)
#11211

[Khalid-Nowaf]

@AmitMY, what do you think?

[AmitMY]

This looks correct and easily mergable.
Not sure how it fixes the problem (as it is off screen), but it makes sense to have the opposite x on RTL.

Thanks for your contribution!

This needs the approval of @manucorporat. Manu what do you think?

[manucorporat]

I could not merge this before I knew native-input.ts was about to disappear...
but your fix was good:

ef85ba6

Thanks a lot!!