v5.3.4

Author: novykh

package.json

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

src/components/drops/drop/useMakeUpdatePosition.js

@@ -78,20 +78,20 @@ export default (target, dropRef, align, stretch, canHideTarget, keepHorizontal)
   useCallback(() => {
     if (!dropRef.current) return
 
-    styles.forEach(position => (dropRef.current.style[position] = ""))
-
     const targetRect = target.getBoundingClientRect()
     const dropRect = dropRef.current.getBoundingClientRect()
 
     const width = getWidth(stretch, targetRect, dropRect)
     dropRect.width = width
 
     const animate = () => {
+      if (!dropRef.current) return
+
+      styles.forEach(position => (dropRef.current.style[position] = ""))
+
       const x = getXPosition(align, targetRect, dropRect, canHideTarget)
       const y = getYPosition(align, targetRect, dropRect, canHideTarget)
 
-      if (!dropRef.current) return
-
       if (!keepHorizontal || !dropRef.current.style.left) {
         dropRef.current.style.left = `${x}px`
       }

src/components/drops/mixins/isAncestor.js

@@ -1,3 +1,7 @@
 import getAncestors from "./getAncestors"
 
-export default (parent, target) => getAncestors(target).some(node => node === parent)
+export default (parent, target) => {
+  const ancestors = getAncestors(target)
+  if (ancestors.length === 0) return false
+  return ancestors.some(node => node === parent)
+}