étiquette et valeur chevauchement dans la conception matérielle avec bootstrap

Question

J'utilise mdb dans mon application ember. Je génère une valeur dynamique pour le champ de saisie. Dans la valeur de l'interface utilisateur et l'étiquette se chevauchent. Comment y faire face?

<div class="md-form"> 
    <i class="fa fa-user-o prefix grey-text iconSize"></i> 
    {{input type="text" id="firstName" class="form-control" value=model.firstName}} 
    <label for="firstName">First Name<i class="mandatoryIcon">*</i></label> 
</div> 

Answer 1

Essayez ceci:

didInsertElement() { 
    this._super(...arguments); 
    if (this.get('model.firstName') !== null) { 
    Ember.$('firstName').focus(); 
    } 
} 

Vous pouvez toujours utiliser l'attribut autofocus et

{{input type="text" id="firstName" class="form-control" value=model.firstName autofocus=true}}