ResizeObserver loop limit exceeded

fix for ResizeObserver loop limit error

by johnwun

HTML

<div id="errorMsg">Everything is fine</div>
<div id="target"></div>

CSS

#target {
  width: 150px;
  height: 150px;
  background: black;
}

#target.big {
  width: 300px;
  height: 300px;
}

#errorMsg {
    color: blue;
    font-size: 18px;
    font-weight: bold;
}

JavaScript

(function() {

// toggle this to 1 to show broken state
	var showBroken = 0;
	window.onerror = function (err) {
    	window.errorMsg.textContent = err;
        console.log(arguments);
  };

  var ro = new ResizeObserver(function (entries) {
    if(showBroken){
      entries[0].target.classList.add('big');
    }else{
      window.requestAnimationFrame(() => {
        entries[0].target.classList.add('big');
      });
    };
  });
    ro.observe(window.target);
})();