Detecting element resize

Detecting element resize using sdecima/javascript-detect-element-resize

by Abra Cadabra

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/javascript-detect-element-resize/0.5.3/detect-element-resize.min.js"></script>
<div id="wrap">
  <div class="box">

  </div>
  <div class="box" id="resizeElement">

  </div>
</div>

CSS

#wrap{
  display: flex;
  height: 100px;
}

.box {
  background: orange;
  flex: 1;
}

#resizeElement {
  background: green;
}

JavaScript

var resizeElement = document.getElementById('resizeElement');
var resizeCallback = function(a) {
  console.log("resizeCallback", a);
};

addResizeListener(resizeElement, resizeCallback);