emoji-picker-react 4.7.16 → 4.7.17

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

@@ -19604,17 +19604,7 @@ function useEmojiPreviewEvents(allow, setPreviewEmoji) {
         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;
+          return handlePartiallyVisibleElementFocus(button, setPreviewEmoji);
         }
         if (belowFoldByPx < buttonHeight) {
           button.scrollIntoView({
@@ -19635,6 +19625,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;