1

I am using material design lite and my input box has following code:

<div #textfield class="mdl-textfield mdl-js-textfield">
    <textarea rows="4" class="my-input mdl-textfield__input" type="text" id="user-desc" [ngModel]="short_story" (ngModelChange)="getShortStory($event)"></textarea>
    <label class="my-label mdl-textfield__label" for="user-desc">That's my short story!</label>
</div>

When I get data from my server and is bound to the input box, the label is still visible in the background. How to hide/remove it in such cases. If I start typing, it goes away, but initially it does not good at all.

enter image description here

Thinker
  • 5,326
  • 13
  • 61
  • 137
  • Seems you have problem with your styles. Can you create working example? – yurzui May 11 '17 at 08:49
  • I have similar problem :-/ https://stackoverflow.com/questions/44528717/how-can-i-programmatically-mark-text-field-as-invalid – guest Jun 14 '17 at 10:10

0 Answers0