ngx-chips tag-input-dropdown не отображает автозаполнение в iPhone - PullRequest
Новая
       31

ngx-chips tag-input-dropdown не отображает автозаполнение в iPhone

1 голос
/ 02 июля 2019

Я реализовал ngx-chips для поля CC электронной почты. Он отлично работает в моем телефоне Android с помощью 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>

In Iphone

enter image description here

В Android

enter image description here

Пожалуйста, помогите.

Ответы [ 2 ]

1 голос
/ 16 июля 2019

Добавлена ​​следующая строка в 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.Прокрутка экрана прокручивает список вместе с ним.

0 голосов
/ 10 июля 2019

Мы столкнулись с той же проблемой.Проблема не в отображении данных, а в размещении раскрывающегося списка из-за увеличения текстового поля в IPhone.С помощью CSS-хаков мы смогли разместить выпадающее меню в правильном положении.

...