Input doesn't render correctly on iOS safari

[borey]

This happens on safari running on iOS 8.1.2 (iphone 5s)

Here's what happens after After clicking on autocomplete word

[varunis]

I think this is realated to open bug in input #1485

[borey]

Seem it's not totally fixed. I still couldn't see the text after i click on suggested word.

I'm testing with https://material.angularjs.org/ at commit v0.8.2 - SHA fbe8c62.

[depoll]

+1 -- encountering this with a simple email address field.

<md-input-container class="login-input-container">
    <label>Email or Phone</label>
    <input name="identifier"
            type="email"
            autocapitalize="off"
            ng-model="credentials.identifier"
            ng-minlength="3"
            ng-trim="true"
            required />
    <ng-messages for="authForm.identifier.$error" ng-show="authForm.identifier.$dirty">
        <ng-message when="required">You must provide an email or phone number</ng-message>
        <ng-message when="minlength">Invalid email address or phone number</ng-message>
    </ng-messages>
</md-input-container>

[mpiasta-ca]

+1 Just tested in iPhone 6 Plus and text appears hidden/invisible when typing. I was going to convert our app to ngMaterial but will have to wait until this bug is fixed. Pretty critical if a user can't see input as 99% of our app is forms.

[depoll]

FYI, the following CSS seems to have fixed the issue for me:

input, button, textarea, select {
    -webkit-transform: translate3d(0,0,0);
}

[depoll]

(note, there are a couple of other elements that disappear on screen rotation, hence my inclusion of more than input/textarea here -- those are probably sufficient to fix this specific bug)

[marcysutton]

I'm not seeing the same issues any longer–there is no indent in the text input and it scrolls into view when I start typing. I'm going to close this as I'm pretty sure it is fixed, but let us know if it persists after 0.9.0 is out (very soon).

[jpike88]

This issue has returned, please reopen it as it needs urgent attention before this framework can be considered ready for production use.

[mnlekarev]

[rodrigopedra]

same issue here with 1.5.0. I am using @depoll css to fix it. Only happens with inputs using ng-model

[jkruse]

Might have nothing to do with material: http://stackoverflow.com/questions/28730103/ios-textarea-text-hidden-when-using-webkit-overflow-scrolling-touch (I'm having the same issue without using material, just stumbled on this issue)