v5.3.1

Author: novykh

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netdata/netdata-ui",
-  "version": "5.3.0",
+  "version": "5.3.1",
   "description": "netdata UI kit",
   "main": "dist/index.js",
   "module": "dist/es6/index.js",

src/components/drops/drop/index.js

@@ -56,7 +56,7 @@ const Drop = ({
     updatePosition()
   }, [updatePosition])
 
-  useDimensionChange(target, updatePosition)
+  useDimensionChange(target, updatePosition, ref)
 
   useOutsideClick(ref, onClickOutside, target, backdrop, dataDrop)
   useKeyboardEsc(onEsc)

src/components/drops/drop/useDimensionChange.js

@@ -1,7 +1,7 @@
 import { useEffect } from "react"
 import getAncestors from "@/components/drops/mixins/getAncestors"
 
-export default (target, callback) =>
+export default (target, callback, dropRef) =>
   useEffect(() => {
     let removeScrollListeners
 
@@ -27,8 +27,15 @@ export default (target, callback) =>
     }
     window.addEventListener("resize", onResize)
 
+    let resizeObserver
+    if (dropRef?.current) {
+      resizeObserver = new ResizeObserver(callback)
+      resizeObserver.observe(dropRef.current)
+    }
+
     return () => {
       removeScrollListeners()
       window.removeEventListener("resize", onResize)
+      if (resizeObserver) resizeObserver.disconnect()
     }
-  }, [target, callback])
+  }, [target, callback, dropRef])