diff --git a/src/components/toast/toast.scss b/src/components/toast/toast.scss index 9c146beaf25..b7242c6cd58 100644 --- a/src/components/toast/toast.scss +++ b/src/components/toast/toast.scss @@ -18,6 +18,8 @@ ion-toast { width: $toast-width; height: $toast-width; + + pointer-events: none; } .toast-container { @@ -25,11 +27,13 @@ ion-toast { align-items: center; - button { - padding: 19px 16px 17px; + pointer-events: auto; +} + +.toast-button { + padding: 19px 16px 17px; - font-size: 1.5rem; - } + font-size: 1.5rem; } .toast-message { diff --git a/src/components/toast/toast.ts b/src/components/toast/toast.ts index d8ddcefea79..650b3f4dec3 100644 --- a/src/components/toast/toast.ts +++ b/src/components/toast/toast.ts @@ -122,7 +122,6 @@ export class Toast extends ViewController { @Component({ selector: 'ion-toast', template: ` -