/
githubmirror
/
ionic
Обзор
Документация
Войти
/
githubmirror
/
ionic
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/angular/test/base/src/app/lazy/modal-sheet-inline/modal-sheet-inline.component.html
46 строк
1 KB
Shane
fix(modal): allow sheet modals to skip focus trap (#30689)
24 сен 2025, 22:29
Не верифицирован
24 сен 2025, 22:29
a40d957
Код
Авторство
О чём код?
<ion-button id="present-inline-sheet-modal" (click)="presentInlineSheetModal()"> Present Inline Sheet Modal </ion-button> <p> Current breakpoint: <span id="current-breakpoint">{{ currentBreakpoint }}</span> </p> <ion-button id="background-action" (click)="onBackgroundActionClick()"> Background Action </ion-button> <p> Background action count: <span id="background-action-count">{{ backgroundActionCount }}</span> </p> <ion-modal #inlineSheetModal mode="md" [isOpen]="isSheetOpen" [initialBreakpoint]="0.2" [breakpoints]="breakpoints" [backdropDismiss]="false" [backdropBreakpoint]="0.5" [focusTrap]="false" handleBehavior="cycle" (ionBreakpointDidChange)="onSheetBreakpointDidChange($event)" (didDismiss)="onSheetDidDismiss()" > <ng-template> <ion-content> <ion-searchbar placeholder="Search" (click)="expandInlineSheet()"></ion-searchbar> <ion-list> <ion-item *ngFor="let contact of contacts"> <ion-avatar slot="start"> <ion-img [src]="contact.avatar"></ion-img> </ion-avatar> <ion-label> <h2>{{ contact.name }}</h2> <p>{{ contact.title }}</p> </ion-label> </ion-item> </ion-list> </ion-content> </ng-template> </ion-modal>