javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-08 23:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(action-sheet, loading, modal, picker, popover): pass HTML attributes to host element (#23929)

Browse Source
This commit is contained in:
Liam DeBeasi
2021-09-15 10:02:19 -04:00
committed by GitHub
parent 73a1daf0aa
commit bd96a81ff8
29 changed files with 268 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
core/src/components/toast/toast.tsx
View File

@ -269,10 +269,13 @@ export class Toast implements ComponentInterface, OverlayInterface {
'toast-wrapper': true,
[`toast-${this.position}`]: true
};
const role = this.htmlAttributes?.role || (allButtons.length > 0 ? 'dialog' : 'status');
const role = allButtons.length > 0 ? 'dialog' : 'status';
return (
<Host
role={role}
tabindex="-1"
{...this.htmlAttributes as any}
style={{
zIndex: `${60000 + this.overlayIndex}`,
}}
@ -281,10 +284,7 @@ export class Toast implements ComponentInterface, OverlayInterface {
...getClassMap(this.cssClass),
'toast-translucent': this.translucent
})}
tabindex="-1"
onIonToastWillDismiss={this.dispatchCancelHandler}
role={role}
{...this.htmlAttributes as any}
>
<div class={wrapperClass}>
<div class="toast-container" part="container">