ngx-chips tag-input-dropdown 在 iPhone 中不显示自动建议 [英] ngx-chips tag-input-dropdown does not show autosuggest in iPhone

问题描述

我已经为电子邮件 CC 字段实现了 ngx-chips.它在我使用 Chrome 的 Android 手机中完美运行.但是，在 iPhone 中，自动提示不会出现.

<tag-input-dropdown [autocompleteObservable]=items"；[showDropdownIfEmpty]=真"[dynamicUpdate]=假"></tag-input-dropdown></tag-input>

在 iPhone 中

在安卓中

请帮忙.

解决方案

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

div.ng2-dropdown-menu.ng2-dropdown-menu---width--4.ng2-dropdown-menu--open {显示:阻止！重要；//显示下拉内容最大高度:40vh！重要；//用于滚动建议列表}

但它仍然不如在 android 上好.滚动屏幕会随之滚动列表.

I have implemented ngx-chips for an email CC field. It works perfectly in my Android phone using Chrome. But, in iPhone, the autosuggestion does not show up.

<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>

In Iphone

In Android

Please help.

解决方案

Added following line in global.scss for IOS to show dropdown content,

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
}

But still it is not good as it is on android. Scrolling the screen scrolls the list with it.

这篇关于ngx-chips tag-input-dropdown 在 iPhone 中不显示自动建议的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！