角度<select>字段仅对某些移动设备不响应​​点击

编程问答 2022-06-09

问题描述

我使用Foundation在Angular项目中的下拉字段有问题。对于某些屏幕尺寸（如iPhone 6/7/8和Chrome移动模拟器中的galaxy S5），这个问题很难解释，这太奇怪了。

在大多数移动设备上，我可以在选择字段中单击，没有问题，可单击区域是完美的，这是该字段的实际大小。但是，当我切换到iPhone 6/7/8的尺寸（375x667像素）时，单击选择字段时没有任何反应。通过测试屏幕尺寸，我发现当屏幕尺寸达到375的宽度时，随着长度的变短，可点击区域似乎在缩小，向着选择字段的顶部爬行，直到在某个点上它变得太小而无法点击并没有任何反应：

这是我的html：

  <div *ngIf="!isQuote() && terms" class="cell medium-8 small-12 text-right">
    <span class="hide-for-small-only">Change policy term:</span>
    <select [(ngModel)]="selectedTerm" (change)="onSelectedTerm()" *ngIf="terms.length > 0">
      <option *ngFor="let term of terms"
              [value]="term.policyNumber + '/' + term.effectiveDate">
            {{ term.effectiveDate | date: 'MM/dd/yyyy' }} - {{ term.expirationDate | date: 'MM/dd/yyyy' }}
      </option>
    </select>
  </div>

我尝试了各种解决方案。将代码移动到屏幕的不同部分，添加css，删除css，更改列的大小。没用

希望有人对此有解决方案

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularfoundation