emoji-picker-react 4.7.16 → 4.7.18

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.7.16",
+  "version": "4.7.18",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/hooks/useEmojiPreviewEvents.ts

@@ -87,25 +87,8 @@ export function useEmojiPreviewEvents(
       if (button) {
         const belowFoldByPx = detectEmojyPartiallyBelowFold(button, bodyRef);
         const buttonHeight = button.getBoundingClientRect().height;
-        if (belowFoldByPx < buttonHeight / 2) {
-          const { unified, originalUnified } = allUnifiedFromEmojiElement(
-            button
-          );
-
-          if (!unified || !originalUnified) {
-            return;
-          }
-
-          setPreviewEmoji({
-            unified,
-            originalUnified
-          });
-
-          return;
-        }
         if (belowFoldByPx < buttonHeight) {
-          button.scrollIntoView({ behavior: 'smooth', block: 'end' });
-          return;
+          return handlePartiallyVisibleElementFocus(button, setPreviewEmoji);
         }
 
         focusElement(button);
@@ -121,3 +104,21 @@ export function useEmojiPreviewEvents(
     };
   }, [BodyRef, allow, setPreviewEmoji, isMouseDisallowed, allowMouseMove]);
 }
+
+function handlePartiallyVisibleElementFocus(
+  button: HTMLElement,
+  setPreviewEmoji: React.Dispatch<React.SetStateAction<PreviewEmoji>>
+) {
+  const { unified, originalUnified } = allUnifiedFromEmojiElement(button);
+
+  if (!unified || !originalUnified) {
+    return;
+  }
+
+  (document.activeElement as HTMLElement)?.blur?.();
+
+  setPreviewEmoji({
+    unified,
+    originalUnified
+  });
+}