fix(ripple): use default computeBoundingRect for all components with ripple (#2216)

Author: Matty Goo

packages/mdc-checkbox/index.js

@@ -63,18 +63,6 @@ class MDCCheckbox extends MDCComponent {
       isSurfaceActive: () => this.nativeCb_[MATCHES](':active'),
       registerInteractionHandler: (type, handler) => this.nativeCb_.addEventListener(type, handler),
       deregisterInteractionHandler: (type, handler) => this.nativeCb_.removeEventListener(type, handler),
-      computeBoundingRect: () => {
-        const {left, top} = this.root_.getBoundingClientRect();
-        const DIM = 40;
-        return {
-          top,
-          left,
-          right: left + DIM,
-          bottom: top + DIM,
-          width: DIM,
-          height: DIM,
-        };
-      },
     });
     const foundation = new MDCRippleFoundation(adapter);
     return new MDCRipple(this.root_, foundation);

packages/mdc-icon-toggle/index.js

@@ -49,18 +49,6 @@ class MDCIconToggle extends MDCComponent {
     const adapter = Object.assign(MDCRipple.createAdapter(this), {
       isUnbounded: () => true,
       isSurfaceActive: () => this.foundation_.isKeyboardActivated(),
-      computeBoundingRect: () => {
-        const dim = 48;
-        const {left, top} = this.root_.getBoundingClientRect();
-        return {
-          left,
-          top,
-          width: dim,
-          height: dim,
-          right: left + dim,
-          bottom: left + dim,
-        };
-      },
     });
     const foundation = new MDCRippleFoundation(adapter);
     return new MDCRipple(this.root_, foundation);

packages/mdc-radio/index.js

@@ -85,18 +85,6 @@ class MDCRadio extends MDCComponent {
       isSurfaceActive: () => false,
       registerInteractionHandler: (type, handler) => this.nativeControl_.addEventListener(type, handler),
       deregisterInteractionHandler: (type, handler) => this.nativeControl_.removeEventListener(type, handler),
-      computeBoundingRect: () => {
-        const {left, top} = this.root_.getBoundingClientRect();
-        const DIM = 40;
-        return {
-          top,
-          left,
-          right: left + DIM,
-          bottom: top + DIM,
-          width: DIM,
-          height: DIM,
-        };
-      },
     });
     const foundation = new MDCRippleFoundation(adapter);
     return new MDCRipple(this.root_, foundation);