emoji-picker-react 4.7.16 → 4.7.18

package/dist/emoji-picker-react.cjs.development.js

@@ -19603,25 +19603,8 @@ function useEmojiPreviewEvents(allow, setPreviewEmoji) {
       if (button) {
         var belowFoldByPx = detectEmojyPartiallyBelowFold(button, bodyRef);
         var buttonHeight = button.getBoundingClientRect().height;
-        if (belowFoldByPx < buttonHeight / 2) {
-          var _allUnifiedFromEmojiE2 = allUnifiedFromEmojiElement(button),
-            unified = _allUnifiedFromEmojiE2.unified,
-            originalUnified = _allUnifiedFromEmojiE2.originalUnified;
-          if (!unified || !originalUnified) {
-            return;
-          }
-          setPreviewEmoji({
-            unified: unified,
-            originalUnified: originalUnified
-          });
-          return;
-        }
         if (belowFoldByPx < buttonHeight) {
-          button.scrollIntoView({
-            behavior: 'smooth',
-            block: 'end'
-          });
-          return;
+          return handlePartiallyVisibleElementFocus(button, setPreviewEmoji);
         }
         focusElement(button);
       }
@@ -19635,6 +19618,20 @@ function useEmojiPreviewEvents(allow, setPreviewEmoji) {
     };
   }, [BodyRef, allow, setPreviewEmoji, isMouseDisallowed, allowMouseMove]);
 }
+function handlePartiallyVisibleElementFocus(button, setPreviewEmoji) {
+  var _document$activeEleme;
+  var _allUnifiedFromEmojiE2 = allUnifiedFromEmojiElement(button),
+    unified = _allUnifiedFromEmojiE2.unified,
+    originalUnified = _allUnifiedFromEmojiE2.originalUnified;
+  if (!unified || !originalUnified) {
+    return;
+  }
+  (_document$activeEleme = document.activeElement) == null ? void 0 : _document$activeEleme.blur == null ? void 0 : _document$activeEleme.blur();
+  setPreviewEmoji({
+    unified: unified,
+    originalUnified: originalUnified
+  });
+}
 
 var _stylesheet$create;
 var FlexDirection;