У меня есть поповер с ионным контентом.Это содержимое реплицируется через * ngFor с максимальной высотой содержания ионов до 400 пикселей.Когда новый контент добавлен (из поиска пользователя), прокрутка не работает должным образом на iOS.См. Ниже:
Chrome и Safari на моем компьютере (работает правильно):
В iOS не настраивается прокруткаплощадь правильно, тот же код.То, что вы увидите, я пытаюсь прокрутить, чтобы увидеть нижнюю часть списка, но он каждый раз возвращается назад, как будто я нахожусь в нижней части моего контента:
Я тоже пытался внести это в список ионов, хотя я не очень хочу этого делать.Это тоже не сработало.
Вот HTML-код (прокрутка подтверждена, класс get-user-location просто устанавливает максимальную высоту 400px):
<ion-content [scrollY]="scrollable" class="get-user-location">
<form [formGroup]="form">
<h5 padding no-margin *ngIf="message">{{ message }}</h5>
<ion-item>
<ion-input
color="primary"
(keyup.enter)="searchClicked()"
formControlName="search"
></ion-input>
<ion-button (click)="searchClicked()" fill="clear"
><ion-icon onclick="searchClicked()" name="search" slot="icon-only"></ion-icon
></ion-button>
</ion-item>
<ion-item *ngIf="searchStatus">
{{ searchStatus }}
</ion-item>
<ion-radio-group formControlName="radio" (ionSelect)="radioSelected($event)">
<ion-item *ngFor="let searchResult of searchResults; let i = index">
<ion-radio mode="md" value="{{ i }}" margin-end></ion-radio>
<ion-label>{{ searchResult!.name }}</ion-label>
</ion-item>
<ion-item>
<ion-radio mode="md" value="city" margin-end></ion-radio>
<ion-label>Default city listed below</ion-label>
</ion-item>
</ion-radio-group>
<ion-item>
<ion-select
okText="Okay"
cancelText="Dismiss"
formControlName="city"
(ionChange)="cityChanged($event)"
>
<ion-select-option *ngFor="let city of cities" [value]="city.id">
{{ city.name }}
</ion-select-option>
</ion-select>
</ion-item>
<ion-button
*ngIf="showSubmit"
(click)="dismiss()"
[disabled]="!form.valid"
fill="clear"
class="button-padding-start large"
margin
>Submit</ion-button
>
</form>
</ion-content>