ionic-material-design-lite
ionic-material-design-lite copied to clipboard
Form input floating label issue in ios
This is based on the forms.html in the demo. Look at the image on the left for ios. The text is floating is overlapping the floating label.
Hi Im having the same issue ; works on Android fails on IOS
Please let me know if you have any luck fixing this pretty much ruins the library for 50% of the devies out there so should be fixed quite fast
Wow that ticket was created on 22nd of Oct 2015. Not good.
@tesnep Yes Pretty much my point of developers not taking an interest
Still no response from these guys its so useless to have a framework that doesnt not work
Can you both provide code examples? Have you used the examples?
Here's the code. I haven't changed any css. index.html
<ion-nav-bar class="bar-positive"> <ion-nav-buttons side="right"> <button class="button button-icon ion-log-out" ng-show="authenticated" ng-click="logout()"></button> </ion-nav-buttons> <ion-nav-back-button class="button-clear no-text"> <i class="icon ion-ios-arrow-left"></i> </ion-nav-back-button> </ion-nav-bar> <ion-nav-view></ion-nav-view>
login.html
<ion-view view-title="Patient Medication" hide-back-button="true"> <ion-content class="padding" style="background: url(img/Healthcare.jpg) center; background-size: cover;"> <div class="list list-inset"> <label class="item item-input"> <input type="text" placeholder="Username" ng-model="data.username" /> </label> <label class="item item-input"> <input type="password" placeholder="Password" ng-model="data.password" /> </label> <label class="item item-input"> <input type="text" placeholder="Domain" ng-model="data.domain" /> </label> </div> <button class="button button-block button-calm" ng-click="login()">Login</button> </ion-content> </ion-view>
could you provide it in a plunkr?