ionic-material-design-lite icon indicating copy to clipboard operation
ionic-material-design-lite copied to clipboard

Form input floating label issue in ios

Open tej-rana opened this issue 9 years ago • 8 comments

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.

label

tej-rana avatar Jan 24 '16 23:01 tej-rana

Hi Im having the same issue ; works on Android fails on IOS

devlinpadayachee avatar Jan 25 '16 15:01 devlinpadayachee

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

devlinpadayachee avatar Jan 25 '16 17:01 devlinpadayachee

Wow that ticket was created on 22nd of Oct 2015. Not good.

tej-rana avatar Jan 25 '16 22:01 tej-rana

@tesnep Yes Pretty much my point of developers not taking an interest

devlinpadayachee avatar Jan 25 '16 22:01 devlinpadayachee

Still no response from these guys its so useless to have a framework that doesnt not work

devlinpadayachee avatar Feb 09 '16 06:02 devlinpadayachee

Can you both provide code examples? Have you used the examples?

jjaybrown avatar Feb 09 '16 16:02 jjaybrown

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>

tej-rana avatar Feb 10 '16 23:02 tej-rana

could you provide it in a plunkr?

jjaybrown avatar Feb 15 '16 09:02 jjaybrown