Fixes Repititive Resizing issue cerner#1891

Author: ShettyAkarsh

CONTRIBUTORS.md

@@ -78,6 +78,7 @@ Cerner Corporation
 - Jeremy Fuksa [@jeremyfuksa]
 - Dillon Lustick [@celvro]
 - Ryan Rickard [@RLRickard]
+- Akarsh Shetty [@ShettyAkarsh]
 
 [@ryanthemanuel]: https://github.com/ryanthemanuel
 [@Matt-Butler]: https://github.com/Matt-Butler
@@ -158,3 +159,4 @@ Cerner Corporation
 [@jeremyfuksa]: https://github.com/jeremyfuksa
 [@celvro]: https://github.com/celvro
 [@RLRickard]: https://github.com/RLRickard
+[@ShettyAkarsh] https://github.com/ShettyAkarsh

package.json

@@ -73,7 +73,7 @@
     "enzyme-adapter-react-16": "^1.1.1",
     "enzyme-to-json": "^3.2.2",
     "eslint": "^5.0.0",
-    "eslint-config-terra": "^2.0.0",
+    "eslint-config-terra": "^2.2.0",
     "gh-pages": "^1.1.0",
     "glob": "^7.1.1",
     "identity-obj-proxy": "^3.0.0",

packages/terra-responsive-element/CHANGELOG.md

@@ -4,6 +4,9 @@ Changelog
 Unreleased
 ----------
 
+### Fixed
+* Repititive Resizing when scrollbars appear between two breakpoints
+
 3.18.0 - (January 2, 2019)
 ------------------
 ### Changed

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

@@ -61,7 +61,7 @@ class ResponsiveElement extends React.Component {
       this.resizeObserver = new ResizeObserver((entries) => {
         this.animationFrameID = window.requestAnimationFrame(() => {
           this.animationFrameID = null;
-          this.handleResize(entries[0].contentRect.width);
+          this.handleResize(entries[0].target.getBoundingClientRect().width);
         });
       });
       this.resizeObserver.observe(this.container);