feat(ripple): Add layout() method to component

material-components · Jun 15, 2017 · ef99024 · ef99024
1 parent 4985b4b
commit ef99024
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/packages/mdc-ripple/README.md b/packages/mdc-ripple/README.md
@@ -181,6 +181,10 @@ such as a `mousedown` or a `pointerdown` event). It expands from the center.
 Triggers a deactivation of the ripple (the second stage, which happens when the ripple surface is engaged via
 interaction, such as a `mouseup` or a `pointerup` event). It expands from the center.
 
+#### MDCRipple.layout()
+
+Recomputes all dimensions and positions for the ripple element. Useful if a ripple surface's
+position or dimension is changed programmatically.
 
 ### Unbounded Ripples
 

diff --git a/packages/mdc-ripple/index.js b/packages/mdc-ripple/index.js
@@ -74,6 +74,10 @@ export class MDCRipple extends MDCComponent {
     this.foundation_.deactivate();
   }
 
+  layout() {
+    this.foundation_.layout();
+  }
+
   getDefaultFoundation() {
     return new MDCRippleFoundation(MDCRipple.createAdapter(this));
   }

diff --git a/test/unit/mdc-ripple/mdc-ripple.test.js b/test/unit/mdc-ripple/mdc-ripple.test.js
@@ -88,6 +88,13 @@ test('deactivate() delegates to the foundation', () => {
   td.verify(component.foundation_.deactivate());
 });
 
+test('layout() delegates to the foundation', () => {
+  const {component} = setupTest();
+  component.foundation_.layout = td.function();
+  component.layout();
+  td.verify(component.foundation_.layout());
+});
+
 test('adapter#browserSupportsCssVars delegates to util', () => {
   const {component} = setupTest();
   assert.equal(