md-select bewirkt, dass weißer Bildschirm, nachdem IOS auf eine Eingabe feild

Question

Auf IOS klickt, wenn ein Benutzer in ein Texteingabefeld klickt (IOS fokussiert), wählt dann auf der Tastatur und klickt dann auf ein md-select Die Ansicht zeigt weiße Bildschirme an, bis der Benutzer auf den Bildschirm klickt. Es scheint teilweise aufgrund der IOS-Fokus auf das ursprüngliche Eingabefeld zu sein. Wenn Sie den Fokus verkleinern, bevor Sie auf "md-select" klicken, tritt das Problem mit dem weißen Bildschirm nicht auf.

<md-input-container> 
     <label for="fname" class="required">First Name</label> 
     <!-- user clicks on this, IOS focuses on it --> 
     <input type="text" id="fname" required="required" data-ng-model="occupant.fname"> 
    </md-input-container> 

    <md-input-container> 
     <!-- user clicks on this after IOS focus on above element, white-screen occurs --> 
     <!-- white-screen does not occur if you zoom out of the focus before clicking on this --> 
     <md-select data-ng-model="bed.occupants" placeholder="occupants"> 
      <md-option data-ng-value="occupant" data-ng-repeat="occupant in occupants"> 
      {{ occupant.fname }} 
      </md-option> 
     </md-select> 
    </md-input-container> 

Answer 1

Dieses Problem wird durch das Hinzufügen dieser Meta-Informationen zu Ihrer Haupt-HTML-Datei behoben:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">