diff --git a/ionic/components/action-sheet/action-sheet.ts b/ionic/components/action-sheet/action-sheet.ts
index 030a581beb..61cf193fc8 100644
--- a/ionic/components/action-sheet/action-sheet.ts
+++ b/ionic/components/action-sheet/action-sheet.ts
@@ -54,7 +54,7 @@ import * as util from 'ionic/util';
  */
 @View({
   template:
-    '<backdrop (click)="_cancel()" tappable></backdrop>' +
+    '<backdrop (click)="_cancel()" tappable disable-activated></backdrop>' +
     '<action-sheet-wrapper>' +
       '<div class="action-sheet-container">' +
         '<div class="action-sheet-group action-sheet-options">' +
diff --git a/ionic/components/checkbox/checkbox.ts b/ionic/components/checkbox/checkbox.ts
index 6ba1d362bc..69c63e7f1b 100644
--- a/ionic/components/checkbox/checkbox.ts
+++ b/ionic/components/checkbox/checkbox.ts
@@ -34,7 +34,7 @@ import {IonicComponent, IonicView} from '../../config/decorators';
     'id'
   ],
   host: {
-    'class': 'item no-activated',
+    'class': 'item',
     'role': 'checkbox',
     'tappable': 'true',
     '[attr.tab-index]': 'tabIndex',
@@ -46,9 +46,9 @@ import {IonicComponent, IonicView} from '../../config/decorators';
 })
 @IonicView({
   template:
-  '<div item-left class="media-checkbox">' +
-    '<div class="checkbox-icon"></div>' +
-  '</div>' +
+  '<media-checkbox disable-activated>' +
+    '<checkbox-icon></checkbox-icon>' +
+  '</media-checkbox>' +
   '<ion-item-content id="{{labelId}}">' +
     '<ng-content></ng-content>' +
   '</ion-item-content>'
diff --git a/ionic/components/checkbox/modes/ios.scss b/ionic/components/checkbox/modes/ios.scss
index 6aed07f94a..9bc96d009b 100644
--- a/ionic/components/checkbox/modes/ios.scss
+++ b/ionic/components/checkbox/modes/ios.scss
@@ -12,12 +12,12 @@ $checkbox-ios-checkmark-color-on:    $background-color !default;
 
 ion-checkbox {
 
-  &[aria-checked=true] .checkbox-icon {
+  &[aria-checked=true] checkbox-icon {
     background-color: $checkbox-ios-background-color-on;
     border-color: $checkbox-ios-border-color-on;
   }
 
-  &[aria-checked=true] .checkbox-icon:after {
+  &[aria-checked=true] checkbox-icon:after {
     position: absolute;
     border: 1px solid $checkbox-ios-checkmark-color-on;
     top: 3px;
@@ -32,8 +32,14 @@ ion-checkbox {
 
 }
 
-.checkbox-icon {
+media-checkbox {
+  display: block;
+  margin: $item-ios-padding-media-top ($item-ios-padding-right / 2) $item-ios-padding-media-bottom ($item-ios-padding-left / 2);
+}
+
+checkbox-icon {
   position: relative;
+  display: block;
   width: $checkbox-ios-icon-size;
   height: $checkbox-ios-icon-size;
   border-radius: 50%;
@@ -47,7 +53,7 @@ ion-checkbox {
 
 @mixin checkbox-theme-ios($color-name, $bg-on) {
 
-  ion-checkbox[#{$color-name}][aria-checked=true] .checkbox-icon {
+  ion-checkbox[#{$color-name}][aria-checked=true] checkbox-icon {
     background-color: $bg-on;
     border-color: $bg-on;
   }
diff --git a/ionic/components/checkbox/modes/md.scss b/ionic/components/checkbox/modes/md.scss
index efe7796260..85c3b492c2 100644
--- a/ionic/components/checkbox/modes/md.scss
+++ b/ionic/components/checkbox/modes/md.scss
@@ -14,12 +14,12 @@ $checkbox-md-checkmark-color-on:    $background-color !default;
 
 ion-checkbox {
 
-  &[aria-checked=true] .checkbox-icon {
+  &[aria-checked=true] checkbox-icon {
     background-color: $checkbox-md-background-color-on;
     border-color: $checkbox-md-border-color-on;
   }
 
-  &[aria-checked=true] .checkbox-icon:after {
+  &[aria-checked=true] checkbox-icon:after {
     position: absolute;
     border: 2px solid $checkbox-md-checkmark-color-on;
     top: 0;
@@ -34,8 +34,14 @@ ion-checkbox {
 
 }
 
-.checkbox-icon {
+media-checkbox {
+  display: block;
+  margin: $item-md-padding-media-top ($item-md-padding-right / 2) $item-md-padding-media-bottom ($item-md-padding-left / 2);
+}
+
+checkbox-icon {
   position: relative;
+  display: block;
   width: $checkbox-md-icon-size;
   height: $checkbox-md-icon-size;
   border-radius: $checkbox-md-border-radius;
@@ -49,7 +55,7 @@ ion-checkbox {
 
 @mixin checkbox-theme-md($color-name, $bg-on) {
 
-  ion-checkbox[#{$color-name}][aria-checked=true] .checkbox-icon {
+  ion-checkbox[#{$color-name}][aria-checked=true] checkbox-icon {
     background-color: $bg-on;
     border-color: $bg-on;
   }
diff --git a/ionic/components/item/modes/ios.scss b/ionic/components/item/modes/ios.scss
index 2209d9e677..ac60f75c89 100644
--- a/ionic/components/item/modes/ios.scss
+++ b/ionic/components/item/modes/ios.scss
@@ -139,7 +139,7 @@ $item-ios-forward-icon-color:          $item-ios-border-color !default;
 
 }
 
-.item.activated:not(.no-activated) {
+.item.activated {
   background-color: $item-ios-activated-background-color;
 }
 
diff --git a/ionic/components/popup/popup.ts b/ionic/components/popup/popup.ts
index 337658db56..ebcea5fa56 100644
--- a/ionic/components/popup/popup.ts
+++ b/ionic/components/popup/popup.ts
@@ -16,17 +16,17 @@ import * as util from 'ionic/util';
  * @usage
  * ```ts
  * class myApp {
- * 
+ *
  *   constructor(popup: Popup) {
  *     this.popup = popup;
  *   }
- * 
+ *
  *   doAlert() {
  *     this.popup.alert('Alert').then(() => {
  *       console.log('Alert closed');
  *     });
  *   }
- * 
+ *
  *   doPrompt() {
  *     this.popup.prompt('What is your name?').then((name) => {
  *       console.log('Name entered:', name);
@@ -34,7 +34,7 @@ import * as util from 'ionic/util';
  *       console.error('Prompt closed');
  *     });
  *   }
- * 
+ *
  *   doConfirm() {
  *     this.popup.confirm('Are you sure?').then((result, ev) => {
  *       console.log('Confirmed!', result);
@@ -198,7 +198,7 @@ const OVERLAY_TYPE = 'popup';
 })
 @View({
   template:
-  '<backdrop (click)="_cancel($event)" tappable></backdrop>' +
+  '<backdrop (click)="_cancel($event)" tappable disable-activated></backdrop>' +
   '<popup-wrapper>' +
     '<div class="popup-head">' +
       '<h3 class="popup-title" [inner-html]="title"></h3>' +
diff --git a/ionic/components/radio/modes/ios.scss b/ionic/components/radio/modes/ios.scss
index a9493c14ee..7f82c6f4c6 100644
--- a/ionic/components/radio/modes/ios.scss
+++ b/ionic/components/radio/modes/ios.scss
@@ -7,7 +7,7 @@ $radio-ios-color-on:       color(primary) !default;
 
 ion-radio {
 
-  &[aria-checked=true] .radio-icon:after {
+  &[aria-checked=true] radio-icon:after {
     position: absolute;
     border: 2px solid $radio-ios-color-on;
     top: 3px;
@@ -26,8 +26,14 @@ ion-radio {
 
 }
 
-.radio-icon {
+media-radio {
+  display: block;
+  margin: $item-ios-padding-media-top ($item-ios-padding-right / 2) $item-ios-padding-media-bottom ($item-ios-padding-left / 2);
+}
+
+radio-icon {
   position: relative;
+  display: block;
   width: 16px;
   height: 21px;
 }
@@ -40,7 +46,7 @@ ion-radio {
 
   ion-radio[#{$color-name}] {
 
-    &[aria-checked=true] .radio-icon:after {
+    &[aria-checked=true] radio-icon:after {
       border-color: $color-value;
     }
 
diff --git a/ionic/components/radio/modes/md.scss b/ionic/components/radio/modes/md.scss
index 489317c85a..6ef1670e92 100644
--- a/ionic/components/radio/modes/md.scss
+++ b/ionic/components/radio/modes/md.scss
@@ -14,10 +14,11 @@ $radio-md-transition-easing:      cubic-bezier(.4, 0, .2, 1) !default;
 
 ion-radio {
 
-  .radio-icon {
+  radio-icon {
     position: relative;
     top: 0;
     left: 0;
+    display: block;
     width: $radio-md-icon-size;
     height: $radio-md-icon-size;
     margin: 0;
@@ -25,11 +26,11 @@ ion-radio {
     border-radius: 50%;
   }
 
-  &[aria-checked=true] .radio-icon {
+  &[aria-checked=true] radio-icon {
     border-color: $radio-md-color-on;
   }
 
-  .radio-icon:after {
+  radio-icon:after {
     position: absolute;
     top: $radio-md-border-width;
     left: $radio-md-border-width;
@@ -42,7 +43,7 @@ ion-radio {
     transform: scale3d(0, 0, 0);
   }
 
-  &[aria-checked=true] .radio-icon:after {
+  &[aria-checked=true] radio-icon:after {
     transform: scale3d(1, 1, 1);
   }
 
@@ -52,6 +53,11 @@ ion-radio {
 
 }
 
+media-radio {
+  display: block;
+  margin: $item-md-padding-media-top ($item-md-padding-right / 2) $item-md-padding-media-bottom ($item-md-padding-left / 2);
+}
+
 
 // Material Design Radio Color Mixin
 // --------------------------------------------------
@@ -60,11 +66,11 @@ ion-radio {
 
   ion-radio[#{$color-name}] {
 
-    &[aria-checked=true] .radio-icon {
+    &[aria-checked=true] radio-icon {
       border-color: $color-value;
     }
 
-    &[aria-checked=true] .radio-icon:after {
+    &[aria-checked=true] radio-icon:after {
       background: $color-value;
     }
 
diff --git a/ionic/components/radio/radio.ts b/ionic/components/radio/radio.ts
index b1a158e793..cbd251a85c 100644
--- a/ionic/components/radio/radio.ts
+++ b/ionic/components/radio/radio.ts
@@ -189,9 +189,9 @@ export class RadioGroup extends Ion {
   '<ion-item-content id="{{labelId}}">' +
     '<ng-content></ng-content>' +
   '</ion-item-content>' +
-  '<div item-right class="media-radio">' +
-    '<div class="radio-icon"></div>' +
-  '</div>'
+  '<media-radio>' +
+    '<radio-icon></radio-icon>' +
+  '</media-radio>'
 })
 export class RadioButton extends Ion {
   /**
diff --git a/ionic/components/switch/modes/ios.scss b/ionic/components/switch/modes/ios.scss
index e331bcece1..915b88e6b4 100644
--- a/ionic/components/switch/modes/ios.scss
+++ b/ionic/components/switch/modes/ios.scss
@@ -24,8 +24,7 @@ $switch-ios-transition-duration:       300ms !default;
 
 ion-switch {
 
-  [item-right].media-switch {
-    margin: 0;
+  media-switch {
     padding: 6px ($item-ios-padding-right / 2) 6px ($item-ios-padding-left);
   }
 
@@ -33,9 +32,10 @@ ion-switch {
   // Switch Background Track
   // -----------------------------------------
 
-  .switch-icon {
+  switch-icon {
     // bg track, when not checked
     position: relative;
+    display: block;
     width: $switch-ios-width;
     height: $switch-ios-height;
     border-radius: $switch-ios-border-radius;
@@ -46,7 +46,7 @@ ion-switch {
     transition: background-color $switch-ios-transition-duration;
   }
 
-  &[aria-checked=true] .switch-icon {
+  &[aria-checked=true] switch-icon {
     // bg track, when checked
     background-color: $switch-ios-background-color-on;
   }
@@ -55,7 +55,7 @@ ion-switch {
   // Switch Background Track, Inner Oval
   // -----------------------------------------
 
-  .switch-icon:before {
+  switch-icon:before {
     // inner bg track's oval, when not checked
     content: '';
     position: absolute;
@@ -72,8 +72,8 @@ ion-switch {
     transition: transform $switch-ios-transition-duration;
   }
 
-  &[aria-checked=true] .switch-icon:before,
-  .switch-activated .switch-icon:before {
+  &[aria-checked=true] switch-icon:before,
+  .switch-activated switch-icon:before {
     // inner bg track's oval, when checked
     transform: scale3d(0, 0, 0);
   }
@@ -82,7 +82,7 @@ ion-switch {
   // Switch Knob
   // -----------------------------------------
 
-  .switch-icon:after {
+  switch-icon:after {
     // knob, when not checked
     content: '';
     position: absolute;
@@ -100,18 +100,18 @@ ion-switch {
     transition: transform $switch-ios-transition-duration, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms;
   }
 
-  &[aria-checked=true] .switch-icon:after {
+  &[aria-checked=true] switch-icon:after {
     // knob, when checked
     transform: translate3d($switch-ios-width - $switch-ios-handle-width - ($switch-ios-border-width * 2), 0, 0);
   }
 
-  .switch-activated .switch-icon:after {
+  .switch-activated switch-icon:after {
     // when pressing down on the switch and NOT checked
     // then make the knob wider
     width: $switch-ios-handle-width + 6;
   }
 
-  &[aria-checked=true] .switch-activated .switch-icon:after {
+  &[aria-checked=true] .switch-activated switch-icon:after {
     // when pressing down on the switch and IS checked
     // make the knob wider and move it left a bit
     left: $switch-ios-border-width - 6;
@@ -127,7 +127,7 @@ ion-switch {
 
   ion-switch[#{$color-name}] {
 
-    &[aria-checked=true] .switch-icon {
+    &[aria-checked=true] switch-icon {
       background-color: $bg-on;
     }
 
diff --git a/ionic/components/switch/modes/md.scss b/ionic/components/switch/modes/md.scss
index 31cd816937..b5bcdb8460 100644
--- a/ionic/components/switch/modes/md.scss
+++ b/ionic/components/switch/modes/md.scss
@@ -20,18 +20,18 @@ $switch-md-transition-duration:          300ms !default;
 
 ion-switch {
 
-  [item-right].media-switch {
-    margin: 0;
-    padding: 6px ($item-md-padding-right / 2) 6px $item-md-padding-left;
+  media-switch {
+    padding: 12px ($item-md-padding-right / 2) 12px $item-md-padding-left;
   }
 
 
   // Switch Background Track
   // -----------------------------------------
 
-  .switch-icon {
+  switch-icon {
     // bg track, when not checked
     position: relative;
+    display: block;
     width: $switch-md-track-width;
     height: $switch-md-track-height;
     pointer-events: none;
@@ -42,7 +42,7 @@ ion-switch {
     transition: background-color $switch-md-transition-duration
   }
 
-  &[aria-checked=true] .switch-icon {
+  &[aria-checked=true] switch-icon {
     // bg track, when not checked
     background-color: $switch-md-track-background-color-on;
   }
@@ -51,7 +51,7 @@ ion-switch {
   // Switch Knob
   // -----------------------------------------
 
-  .switch-icon:after {
+  switch-icon:after {
     // knob, when not checked
     content: '';
     position: absolute;
@@ -71,7 +71,7 @@ ion-switch {
     transition-duration: $switch-md-transition-duration;
   }
 
-  &[aria-checked=true] .switch-icon:after {
+  &[aria-checked=true] switch-icon:after {
     // knob, when not checked
     background-color: $switch-md-handle-background-color-on;
     transform: translate3d($switch-md-track-width - $switch-md-handle-width, 0, 0);
@@ -87,11 +87,11 @@ ion-switch {
 
   ion-switch[#{$color-name}] {
 
-    &[aria-checked=true] .switch-icon {
+    &[aria-checked=true] switch-icon {
       background-color: lighten($bg-on, 25%);
     }
 
-    &[aria-checked=true] .switch-icon:after {
+    &[aria-checked=true] switch-icon:after {
       background-color: $bg-on;
     }
 
diff --git a/ionic/components/switch/switch.scss b/ionic/components/switch/switch.scss
index bab315e583..ea9f018dbb 100644
--- a/ionic/components/switch/switch.scss
+++ b/ionic/components/switch/switch.scss
@@ -4,10 +4,11 @@
 
 
 ion-switch {
+  display: block;
   @include user-select-none();
 }
 
-ion-switch .media-switch {
+ion-switch media-switch {
   margin: 0;
   cursor: pointer;
 }
diff --git a/ionic/components/switch/switch.ts b/ionic/components/switch/switch.ts
index 433e87b02c..9ddd6a5b15 100644
--- a/ionic/components/switch/switch.ts
+++ b/ionic/components/switch/switch.ts
@@ -21,11 +21,8 @@ import {pointerCoord} from '../../util/dom';
  * @private
  */
 @Directive({
-  selector: '.media-switch',
+  selector: 'media-switch',
   host: {
-    'tappable': 'true',
-    '(touchstart)': 'swtch.pointerDown($event)',
-    '(mousedown)': 'swtch.pointerDown($event)',
     '[class.switch-activated]': 'swtch.isActivated'
   }
 })
@@ -93,12 +90,15 @@ class MediaSwitch {
   host: {
     'class': 'item',
     'role': 'checkbox',
+    'tappable': 'true',
     '[attr.tab-index]': 'tabIndex',
     '[attr.aria-checked]': 'checked',
     '[attr.aria-disabled]': 'disabled',
     '[attr.aria-labelledby]': 'labelId',
+    '(touchstart)': 'pointerDown($event)',
+    '(mousedown)': 'pointerDown($event)',
     '(touchend)': 'pointerUp($event)',
-    '(mouseup)': 'pointerUp($event)',
+    '(mouseup)': 'pointerUp($event)'
   }
 })
 @IonicView({
@@ -107,9 +107,9 @@ class MediaSwitch {
   '<ion-item-content id="{{labelId}}">' +
     '<ng-content></ng-content>' +
   '</ion-item-content>' +
-  '<div item-right class="media-switch">' +
-    '<div class="switch-icon"></div>' +
-  '</div>',
+  '<media-switch disable-activated>' +
+    '<switch-icon></switch-icon>' +
+  '</media-switch>',
   directives: [MediaSwitch]
 })
 export class Switch extends Ion {
@@ -130,6 +130,7 @@ export class Switch extends Ion {
     self.id = IonInput.nextId();
     self.tabIndex = 0;
     self.lastTouch = 0;
+    self.mode = config.setting('mode');
 
     self.onChange = (_) => {};
     self.onTouched = (_) => {};
@@ -142,11 +143,11 @@ export class Switch extends Ion {
 
       if (self.checked) {
         if (currentX + 15 < self.startX) {
-          self.toggle();
+          self.toggle(ev);
           self.startX = currentX;
         }
       } else if (currentX - 15 > self.startX) {
-        self.toggle();
+        self.toggle(ev);
         self.startX = currentX;
       }
     }
@@ -187,14 +188,10 @@ export class Switch extends Ion {
   /**
    * Toggle the checked state of this switch.
    */
-  toggle() {
-    this.check(!this.checked);
-  }
-
-  click(ev) {
+  toggle(ev) {
     ev.preventDefault();
     ev.stopPropagation();
-    this.toggle();
+    this.check(!this.checked);
   }
 
   writeValue(value) {
@@ -206,9 +203,7 @@ export class Switch extends Ion {
       this.lastTouch = Date.now();
     }
 
-    if (this.lastTouch + 999 > Date.now() && /mouse/.test(ev.type)) {
-      return;
-    }
+    if (this.isDisabled(ev)) return;
 
     this.startX = pointerCoord(ev).x;
 
@@ -219,18 +214,16 @@ export class Switch extends Ion {
   }
 
   pointerUp(ev) {
-    if (this.lastTouch + 999 > Date.now() && /mouse/.test(ev.type)) {
-      return;
-    }
+    if (this.isDisabled(ev)) return;
 
     let endX = pointerCoord(ev).x;
 
     if (this.checked) {
       if (this.startX + 4 > endX) {
-        this.toggle();
+        this.toggle(ev);
       }
     } else if (this.startX - 4 < endX) {
-      this.toggle();
+      this.toggle(ev);
     }
 
     this.removeMoveListener();
@@ -247,4 +240,8 @@ export class Switch extends Ion {
     this.removeMoveListener();
     this.switchEle = this.addMoveListener = this.removeMoveListener = null;
   }
+
+  isDisabled(ev) {
+    return (this.lastTouch + 999 > Date.now() && /mouse/.test(ev.type)) || (this.mode == 'ios' && ev.target.tagName == 'ION-SWITCH');
+  }
 }
diff --git a/ionic/components/switch/test/basic/e2e.ts b/ionic/components/switch/test/basic/e2e.ts
index 10ba7f169f..467a40500f 100644
--- a/ionic/components/switch/test/basic/e2e.ts
+++ b/ionic/components/switch/test/basic/e2e.ts
@@ -1,6 +1,6 @@
 
 it('should check apple via switch element click', function() {
-  element(by.css('.e2eAppleCheckbox .media-switch')).click();
+  element(by.css('.e2eAppleCheckbox media-switch')).click();
 });
 
 
diff --git a/ionic/components/tap-click/activator.ts b/ionic/components/tap-click/activator.ts
index 0b6f4093a7..a919c4798c 100644
--- a/ionic/components/tap-click/activator.ts
+++ b/ionic/components/tap-click/activator.ts
@@ -14,23 +14,25 @@ export class Activator {
     this.y = 0;
   }
 
-  downAction(targetEle, pointerX, pointerY, callback) {
+  downAction(ev, activatableEle, pointerX, pointerY, callback) {
     // the user just pressed down
 
+    if (this.disableActivated(ev)) return;
+
     // remember where they pressed
     this.x = pointerX;
     this.y = pointerY;
 
     // queue to have this element activated
-    this.queue.push(targetEle);
+    this.queue.push(activatableEle);
 
     raf(() => {
-      let targetEle;
+      let activatableEle;
       for (let i = 0; i < this.queue.length; i++) {
-        targetEle = this.queue[i];
-        if (targetEle && targetEle.parentNode) {
-          this.active.push(targetEle);
-          targetEle.classList.add(this.activatedClass);
+        activatableEle = this.queue[i];
+        if (activatableEle && activatableEle.parentNode) {
+          this.active.push(activatableEle);
+          activatableEle.classList.add(this.activatedClass);
         }
       }
       this.queue = [];
@@ -70,4 +72,14 @@ export class Activator {
     this.active = [];
   }
 
+  disableActivated(ev) {
+    let targetEle = ev.target;
+    for (let x = 0; x < 4; x++) {
+      if (!targetEle) break;
+      if (targetEle.hasAttribute('disable-activated')) return true;
+      targetEle = targetEle.parentElement;
+    }
+    return false;
+  }
+
 }
diff --git a/ionic/components/tap-click/ripple.ts b/ionic/components/tap-click/ripple.ts
index afdc03ec16..5d34126edb 100644
--- a/ionic/components/tap-click/ripple.ts
+++ b/ionic/components/tap-click/ripple.ts
@@ -10,13 +10,14 @@ export class RippleActivator extends Activator {
     this.ripples = {};
   }
 
-  downAction(targetEle, pointerX, pointerY) {
-    super.downAction(targetEle, pointerX, pointerY);
+  downAction(ev, activatableEle, pointerX, pointerY) {
 
-    if (!isRippleElement(targetEle)) return;
+    if (this.disableActivated(ev)) return;
+
+    super.downAction(ev, activatableEle, pointerX, pointerY);
 
     // create a new ripple element
-    let r = targetEle.getBoundingClientRect();
+    let r = activatableEle.getBoundingClientRect();
     let x = Math.max(Math.abs(r.width - pointerX), pointerX) * 2;
     let y = Math.max(Math.abs(r.height - pointerY), pointerY) * 2;
     let size = (Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2))) - 10;
@@ -30,7 +31,7 @@ export class RippleActivator extends Activator {
     eleStyle.left = (pointerX - r.left) + 'px';
     eleStyle.top = (pointerY - r.top) + 'px';
 
-    targetEle.appendChild(rippleEle);
+    activatableEle.appendChild(rippleEle);
 
     let ripple = this.ripples[Date.now()] = { ele: rippleEle };
 
@@ -117,10 +118,3 @@ export class RippleActivator extends Activator {
   }
 
 }
-
-
-function isRippleElement(targetEle) {
-  return (targetEle && targetEle.parentNode && !(NO_RIPPLE_TAGNAMES.test(targetEle.tagName)));
-}
-
-const NO_RIPPLE_TAGNAMES = /BACKDROP/;
diff --git a/ionic/components/tap-click/tap-click.ts b/ionic/components/tap-click/tap-click.ts
index 4bdd58bfbd..01c89f8f51 100644
--- a/ionic/components/tap-click/tap-click.ts
+++ b/ionic/components/tap-click/tap-click.ts
@@ -141,11 +141,11 @@ export class TapClick {
    * @param {TODO} ev  TODO
    */
   pointerStart(ev) {
-    let targetEle = this.getActivatableTarget(ev.target);
+    let activatableEle = this.getActivatableTarget(ev.target);
 
-    if (targetEle) {
+    if (activatableEle) {
       this.start = pointerCoord(ev);
-      this.activator.downAction(targetEle, this.start.x, this.start.y);
+      this.activator.downAction(ev, activatableEle, this.start.x, this.start.y);
       this.moveListeners(true);
 
     } else {
@@ -205,8 +205,8 @@ export class TapClick {
   }
 
   getActivatableTarget(ele) {
-    var targetEle = ele;
-    for (var x = 0; x < 4; x++) {
+    let targetEle = ele;
+    for (let x = 0; x < 4; x++) {
       if (!targetEle) break;
       if (this.isActivatable(targetEle)) return targetEle;
       targetEle = targetEle.parentElement;