fix(toast): remove backdrop, allow user interaction when up

Closes #6291

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;
+}
 
-    font-size: 1.5rem;
-  }
+.toast-button {
+  padding: 19px 16px 17px;
+
+  font-size: 1.5rem;
 }
 
 .toast-message {

src/components/toast/toast.ts

@@ -122,7 +122,6 @@ export class Toast extends ViewController {
 @Component({
   selector: 'ion-toast',
   template: `
-    <div (click)="bdClick()" tappable disable-activated class="backdrop" role="presentation"></div>
     <div class="toast-wrapper">
       <div class="toast-container">
         <div class="toast-message" id="{{hdrId}}" *ngIf="d.message">{{d.message}}</div>
@@ -189,12 +188,6 @@ class ToastCmp {
     }
   }
 
-  bdClick() {
-    if (this.isEnabled() && this.d.enableBackdropDismiss) {
-      this.dismiss('backdrop');
-    }
-  }
-
   cbClick() {
     if (this.isEnabled()) {
       this.dismiss('close');

src/components/toggle/toggle.ts

@@ -192,7 +192,6 @@ export class Toggle implements ControlValueAccessor  {
    * @private
    */
   private _setChecked(isChecked: boolean) {
-    console.debug('_setChecked')
     if (isChecked !== this._checked) {
       this._checked = isChecked;
       if (this._init) {