This sounds like an issue with Materialize, see if you can recreate this without angular-materialize. And if you can submit an issue with them: https://github.com/Dogfalo/materialize
I do not have an IOS device, or a Mac, and I therefore don't know how to replicate the issue.
Issue
On IOS text fields display incorrectly, with the label over to the right of the text feild.
Steps to reproduce
1) Open a page in chrome with a text fields 2) Compare page on IOS
The expected results would be both pages loading the same.
Below is an identical page loaded in chrome (left) & IOS sim (right)
If you want to check out the code yourself https://admin.dev.catchthefever.com/#/customer