如果在 IOS 聚焦输入字段后单击 md-select 会导致白屏

Question

在 IOS 上，如果用户在文本输入字段内单击（IOS 聚焦它），然后 select 在键盘上完成，然后单击 md-select，在用户点击屏幕之前，视图会变成白色屏幕。部分原因似乎是 IOS 专注于初始输入字段。如果在单击 md-select 之前缩小该焦点，则不会出现白屏问题。

    <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

此问题已通过将此元信息添加到您的 html 主文件来解决：

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

如果在 IOS 聚焦输入字段后单击 md-select 会导致白屏

md-select causes white screen if clicked after IOS focuses on an input feild

mobile-safari

ios

angularjs

angular-material