Fix error ResizeObserver loop limit exceeded

CONTRIBUTORS.md

@@ -65,6 +65,7 @@ Cerner Corporation
 - Tom Wu [@tomleewu]
 - Cory McDonald [@corymcdonald]
 - Anthony Ross [@AnthonyRoss]
+- Ajay Philip Sabu [@ap056120]
 
 [@ryanthemanuel]: https://github.com/ryanthemanuel
 [@Matt-Butler]: https://github.com/Matt-Butler
@@ -132,3 +133,4 @@ Cerner Corporation
 [@tomleewu]: https:/github.com/tomleewu
 [@CoryMcDonald]: https://github.com/CoryMcDonald
 [@AnthonyRoss]: https://github.com/AnthonyRoss
+[@ap056120]: https://github.com/ap056120

packages/terra-responsive-element/CHANGELOG.md

@@ -4,6 +4,11 @@ Changelog
 Unreleased
 ----------
 
+3.2.0 - (June 25, 2018)
+------------------
+### Fixed
+* Fixed ResizeObserver loop limit exceeded error for Responsive Elements
+
 3.1.0 - (June 22, 2018)
 ------------------
 ### Changed

packages/terra-responsive-element/src/ResponsiveElement.jsx

@@ -52,7 +52,11 @@ class ResponsiveElement extends React.Component {
 
   componentDidMount() {
     if (this.container) {
-      this.resizeObserver = new ResizeObserver((entries) => { this.handleResize(entries[0].contentRect.width); });
+      this.resizeObserver = new ResizeObserver((entries) => {
+        window.requestAnimationFrame(() => {
+          this.handleResize(entries[0].contentRect.width);
+        });
+      });
       this.resizeObserver.observe(this.container);
     } else {
       this.handleResize(window.innerWidth);