Causes endless loop in IE10

[peterhass]

I had a issue in IE10 with high cpu usage and flickering elements so did some profiling of the app and noticed a endless loop in vue-clamp.

I cannot fully say what causes the problem because IE developer tools are outright horrible but those are my findings:

• element.resize gets triggered, handler calls vue-clamp to update
• vue-clamp updates text in DOM
• DOMSubtreeModified gets triggered, handler calls vue-clamp to update
• vue-clamp updates text in DOM
• DOMSubtreeModified gets triggered, handler calls vue-clamp to update
• and so on ...

Maybe the real problem lies with resize-detector by not properly detecting resize loops.

Anyway, here is my workaround:
Add resize-observer-polyfill package

import ResizeObserver from "resize-observer-polyfill"

if (!("ResizeObserver" in window)) {
  window.ResizeObserver = ResizeObserver
}