Text Align not working on iOS. iphone 6 ios 9.2 #196
Description
From @gnasit on February 19, 2016 2:45
Short description of the problem:
I have a modal where i have a couple of text inputs, one of type "tel", the other of type "date", i have added the 'style="text-align: right"' attribute to these text inputs, and it does not seem to work on the phone in ionic-view, thus i am suspecting that it won't work on the regular phone as well.
Based on an earlier thread looks like this issue is on android as well.
here is the issue link: [https://github.com/ionic-team/ionic-framework/issues/1929]
What behavior are you expecting?
the text should align right on the phone
Steps to reproduce:
I have forked a similar codepen and made changes to what I have in my app, where a modal shows up. I am using the form in a modal as well, thus this issue is pretty similar in my case as well.
http://codepen.io/soul_/pen/WrBpLG
Once you run the code pen, click on "Form" button and type any content in it, on the browser it will align fine. It align's fine in the emulator as well, the issue is on the real device though.
//code is there in the link above in codepen.
/*For me in the preview, the code pen did not seem to take me to code pen, i had to manually copy the codepen link and paste it into the browser.*/
Ionic Version: 1.7.14
Browser & Operating System: iOS / Android
Run ionic info from terminal/cmd prompt:
Your system information:
Cordova CLI: 6.0.0
Gulp version: CLI version 3.9.1
Gulp local: Local version 3.9.1
Ionic Version: 1.0.0
Ionic CLI Version: 1.7.14
Ionic App Lib Version: 0.7.0
ios-deploy version: 1.8.3
ios-sim version: 5.0.4
OS: Mac OS X El Capitan
Node Version: v4.2.4
Xcode version: Xcode 7.2.1 Build version 7C1002
Please see below for images for the issue on the phone:
input type "tel"
input type "date"
Copied from original issue: ionic-team/ionic-framework#5522