emoji-picker-react 4.15.0 → 4.15.1

package/dist/emoji-picker-react.esm.js

@@ -20650,6 +20650,7 @@ function useActiveCategoryScrollDetection(_ref) {
   var BodyRef = useBodyRef();
   useEffect(function () {
     var visibleCategories = new Map();
+    var intersectingCategories = new Map();
     var bodyRef = BodyRef.current;
     var observer = new IntersectionObserver(function (entries) {
       if (!bodyRef) {
@@ -20662,17 +20663,20 @@ function useActiveCategoryScrollDetection(_ref) {
           continue;
         }
         visibleCategories.set(_id, entry.intersectionRatio);
+        intersectingCategories.set(_id, entry.isIntersecting);
       }
       var ratios = Array.from(visibleCategories);
-      setVisibleCategories(ratios.filter(function (_ref2) {
-        var ratio = _ref2[1];
-        return ratio > 0;
+      var visibleCats = ratios.filter(function (_ref2) {
+        var id = _ref2[0],
+          ratio = _ref2[1];
+        return ratio > 0 || intersectingCategories.get(id);
       }).map(function (_ref3) {
         var id = _ref3[0];
         return id;
-      }));
+      });
+      setVisibleCategories(visibleCats);
       var lastCategory = ratios[ratios.length - 1];
-      if (lastCategory[1] == 1) {
+      if ((lastCategory == null ? void 0 : lastCategory[1]) == 1) {
         return setActiveCategory(lastCategory[0]);
       }
       for (var _i = 0, _ratios = ratios; _i < _ratios.length; _i++) {
@@ -20685,11 +20689,15 @@ function useActiveCategoryScrollDetection(_ref) {
         }
       }
     }, {
+      root: bodyRef,
       threshold: [0, 1]
     });
     bodyRef == null ? void 0 : bodyRef.querySelectorAll(asSelectors(ClassNames.category)).forEach(function (el) {
       observer.observe(el);
     });
+    return function () {
+      observer.disconnect();
+    };
   }, [BodyRef, setActiveCategory, setVisibleCategories]);
 }