diff --git a/CONTRIBUTORS.md b/CONTRIBUTORS.md index 67a2c826a40..365922fa724 100644 --- a/CONTRIBUTORS.md +++ b/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 \ No newline at end of file diff --git a/packages/terra-responsive-element/CHANGELOG.md b/packages/terra-responsive-element/CHANGELOG.md index 99a201774cd..53baca1401f 100644 --- a/packages/terra-responsive-element/CHANGELOG.md +++ b/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 diff --git a/packages/terra-responsive-element/src/ResponsiveElement.jsx b/packages/terra-responsive-element/src/ResponsiveElement.jsx index 2e438071c57..9ad7c8bb72f 100644 --- a/packages/terra-responsive-element/src/ResponsiveElement.jsx +++ b/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);