From d4d1f70edcee9dacc7d20a14c06a744bff2467a2 Mon Sep 17 00:00:00 2001
From: Adam Bradley <adambradley25@gmail.com>
Date: Thu, 19 May 2016 13:54:05 -0500
Subject: [PATCH] fix(toast): remove backdrop, allow user interaction when up

Closes #6291
---
 src/components/toast/toast.scss | 12 ++++++++----
 src/components/toast/toast.ts   |  7 -------
 src/components/toggle/toggle.ts |  1 -
 3 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/components/toast/toast.scss b/src/components/toast/toast.scss
index 9c146beaf2..b7242c6cd5 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;
+}
 
-    font-size: 1.5rem;
-  }
+.toast-button {
+  padding: 19px 16px 17px;
+
+  font-size: 1.5rem;
 }
 
 .toast-message {
diff --git a/src/components/toast/toast.ts b/src/components/toast/toast.ts
index d8ddcefea7..650b3f4dec 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: `
-    <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');
diff --git a/src/components/toggle/toggle.ts b/src/components/toggle/toggle.ts
index 6247f3012c..26e9283085 100644
--- a/src/components/toggle/toggle.ts
+++ b/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) {