ngx-chips tag-input-dropdown 在 iPhone 中不显示自动建议

Question

我已经为电子邮件抄送字段实施了 ngx-chips。它在我的 Android phone 中使用 Chrome 完美运行。但是，在 iPhone 中，自我暗示没有出现。

<div class="required form-group col-md-12 col-sm-12 col-xs-12" >
    <label class="control-label" for="email.emailCc">CC:</label>
       <tag-input [(ngModel)]="emailList"  [onlyFromAutocomplete]="true" theme='bootstrap'>
        <tag-input-dropdown [autocompleteObservable]="items" [showDropdownIfEmpty]="true" [dynamicUpdate]="false">
        </tag-input-dropdown>
       </tag-input>
 </div>

在Iphone

在Android

请帮忙。

Answer 1

我们遇到了同样的问题。问题不在于显示的数据，而是由于 IPhone 中文本框的缩放而导致的下拉列表的位置。通过 css 技巧，我们能够将下拉菜单放置在正确的位置。

Answer 2

在 global.scss 中为 IOS 添加了以下行以显示下拉内容，

div.ng2-dropdown-menu.ng2-dropdown-menu---width--4.ng2-dropdown-menu--open {
  display: block !important; // to display the drop down content
  max-height: 40vh !important;  // for scrolling of suggestion list
}

但还是不如 android 上的好。滚动屏幕会滚动列表。

ngx-chips tag-input-dropdown 在 iPhone 中不显示自动建议

ngx-chips tag-input-dropdown does not show autosuggest in iPhone

ngx-chips

angular7