Ioni c 4/5 - Запретить iOS клавиатуре подталкивать содержимое вверх - PullRequest
0 голосов
/ 06 мая 2020

Я работал над классом c Angular Приложение, заключенное в Ioni c, но у меня возникли некоторые проблемы после создания приложения.

На одном из моих экранов у меня липкая панель поиска и каждый раз, когда я нажимаю на него, срабатывает клавиатура, к сожалению, клавиатура подтолкнула все, пока я пытался играть с Ioni c Keyboard Plugin, и это функция disableScroll, но ничего, приложение все еще прокручивается, когда клавиатура всплывает. .

Мой код:
бонус-searchbar.component. html

<div class="sticky-searchbar" *ngIf="isSticky" [@enterAnimation] [ngClass]="{'tag-radius': isTag}">
  <mat-form-field class="search-input" appearance="none" hideRequiredMarker>
    <img class="search-icon" [src]="isMobile ? 'assets/icons/search.svg ': 'assets/icons/white_search.svg'">
    <input (keyup.enter)="bonusSearch(search)" (keyup)="searchBonus()" placeholder="Rechercher" class="searchbar-input"
      [(ngModel)]="search" name="searchbar" required matInput type="text" #searchBar (focus)="toto()">
    <div class="focus-border"></div>
  </mat-form-field>
</div>



бонус-searchbar.component.ts

  toto() {
    this.keyboard.onKeyboardWillShow()
    .subscribe((data) => {
      console.log('keyboard will shown');
      console.log(this.keyboard.isVisible);
      this.keyboard.disableScroll(true);
    });
  }


Срабатывает мой первый журнал консоли,
Второй всегда возвращает false, даже когда отображается виртуальная клавиатура и, наконец, когда вызывается мой disableScroll (), он работает и отключает прокрутку, но он не отключает исходный pu sh содержимого, созданного клавиатурой ..

Есть идеи?

...