@royaloperahouse/harmonic 0.18.3-e → 0.18.3-f

package/dist/harmonic.cjs.development.js

@@ -5895,7 +5895,6 @@ var Accordion = function Accordion(_ref) {
   var _useState3 = React.useState(initOpen ? expandedStateIconData : collapsedStateIconData),
     icon = _useState3[0],
     setIcon = _useState3[1];
-  // Contents children visibility is set to prevent it from being keyboard tabbable when the accordion is closed
   var _useState4 = React.useState(initOpen),
     childrenVisibility = _useState4[0],
     setChildrenVisibility = _useState4[1];
@@ -5903,6 +5902,7 @@ var Accordion = function Accordion(_ref) {
   var timeoutRef = React.useRef(null);
   var rafRef = React.useRef(null);
   var resizeObserverRef = React.useRef(null);
+  var intervalRef = React.useRef(null);
   React.useEffect(function () {
     if (content.current && initOpen) {
       setTextHeight(content.current.scrollHeight + "px");
@@ -5917,22 +5917,44 @@ var Accordion = function Accordion(_ref) {
         resizeObserverRef.current.disconnect();
         resizeObserverRef.current = null;
       }
+      if (intervalRef.current) {
+        window.clearInterval(intervalRef.current);
+        intervalRef.current = null;
+      }
+      if (rafRef.current) {
+        window.cancelAnimationFrame(rafRef.current);
+        rafRef.current = null;
+      }
       return;
     }
     var updateHeight = function updateHeight() {
       setTextHeight(el.scrollHeight + "px");
     };
     rafRef.current = window.requestAnimationFrame(updateHeight);
-    if ('ResizeObserver' in window) {
+    if (typeof ResizeObserver !== 'undefined') {
       var ro = new ResizeObserver(updateHeight);
       ro.observe(el);
       resizeObserverRef.current = ro;
+      intervalRef.current = window.setInterval(updateHeight, 200);
       return function () {
         ro.disconnect();
         resizeObserverRef.current = null;
+        if (intervalRef.current) {
+          window.clearInterval(intervalRef.current);
+          intervalRef.current = null;
+        }
+        if (rafRef.current) {
+          window.cancelAnimationFrame(rafRef.current);
+          rafRef.current = null;
+        }
       };
     }
+    intervalRef.current = window.setInterval(updateHeight, 200);
     return function () {
+      if (intervalRef.current) {
+        window.clearInterval(intervalRef.current);
+        intervalRef.current = null;
+      }
       if (rafRef.current) {
         window.cancelAnimationFrame(rafRef.current);
         rafRef.current = null;
@@ -5953,6 +5975,10 @@ var Accordion = function Accordion(_ref) {
         resizeObserverRef.current.disconnect();
         resizeObserverRef.current = null;
       }
+      if (intervalRef.current) {
+        window.clearInterval(intervalRef.current);
+        intervalRef.current = null;
+      }
     };
   }, []);
   var toggleAccordion = function toggleAccordion() {