@ohhwells/bridge 0.1.57 → 0.1.59

package/dist/index.js

@@ -7035,7 +7035,14 @@ function findClosestButtonLike(target) {
 function findButtonAtPoint(x, y, media) {
   const hits = Array.from(
     document.querySelectorAll(BUTTON_LIKE_SELECTOR)
-  ).filter((el) => containsPoint(el, x, y) && !(media && el.contains(media)));
+  ).filter(
+    (el) => containsPoint(el, x, y) && !(media && el.contains(media)) && // Bridge-injected chrome (e.g. MediaOverlay's own "Replace image" button) is never a
+    // site button. Without this, once the media overlay renders its button lands right
+    // under the cursor, gets detected as "a button on the media", and dismisses the very
+    // overlay it belongs to — which removes the button, so the next hit-test finds nothing
+    // and the overlay reappears. Flip-flops every tick: the "Replace image" button flashes.
+    !el.closest("[data-ohw-bridge]")
+  );
   if (hits.length === 0) return null;
   return hits.reduce((best, el) => best.contains(el) ? el : best);
 }
@@ -13556,6 +13563,8 @@ function OhhwellsBridge() {
   const [isFooterFrameSelection, setIsFooterFrameSelection] = useState11(false);
   isFooterFrameSelectionRef.current = isFooterFrameSelection;
   const [floatingPanel, setFloatingPanel] = useState11(null);
+  const floatingPanelOpenRef = useRef9(false);
+  floatingPanelOpenRef.current = floatingPanel !== null;
   const [floatingPanelPos, setFloatingPanelPos] = useState11(null);
   const [parentScrollSnap, setParentScrollSnap] = useState11(null);
   const [navDropdownPreviewOpen, setNavDropdownPreviewOpen] = useState11(null);
@@ -14581,6 +14590,8 @@ function OhhwellsBridge() {
   const closeFloatingPanelOnly = useCallback7(() => {
     setFloatingPanel(null);
   }, []);
+  const closeFloatingPanelOnlyRef = useRef9(closeFloatingPanelOnly);
+  closeFloatingPanelOnlyRef.current = closeFloatingPanelOnly;
   const closeFloatingPanelAndDeselect = useCallback7(() => {
     setFloatingPanel(null);
     deselectRef.current();
@@ -16332,6 +16343,10 @@ function OhhwellsBridge() {
         closeLinkPopoverRef.current();
         return;
       }
+      if (floatingPanelOpenRef.current) {
+        closeFloatingPanelOnlyRef.current();
+        return;
+      }
       if (activeElRef.current) {
         const hrefCtx = getHrefKeyFromElement(activeElRef.current);
         const navAnchor = hrefCtx ? getNavigationItemAnchor(hrefCtx.anchor) : null;
@@ -16395,6 +16410,11 @@ function OhhwellsBridge() {
         closeLinkPopoverRef.current();
         return;
       }
+      if (e.key === "Escape" && floatingPanelOpenRef.current) {
+        e.preventDefault();
+        closeFloatingPanelOnlyRef.current();
+        return;
+      }
       if (e.key === "Escape" && selectedElRef.current && !activeElRef.current) {
         if (toolbarVariantRef.current === "select-frame") {
           const parent2 = getNavigationSelectionParent(selectedElRef.current);
@@ -17095,7 +17115,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.56",
+        bridgeVersion: "0.1.58",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections