@ohhwells/bridge 0.1.57 → 0.1.59

package/dist/index.cjs

@@ -7108,7 +7108,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);
 }
@@ -13623,6 +13630,8 @@ function OhhwellsBridge() {
   const [isFooterFrameSelection, setIsFooterFrameSelection] = (0, import_react16.useState)(false);
   isFooterFrameSelectionRef.current = isFooterFrameSelection;
   const [floatingPanel, setFloatingPanel] = (0, import_react16.useState)(null);
+  const floatingPanelOpenRef = (0, import_react16.useRef)(false);
+  floatingPanelOpenRef.current = floatingPanel !== null;
   const [floatingPanelPos, setFloatingPanelPos] = (0, import_react16.useState)(null);
   const [parentScrollSnap, setParentScrollSnap] = (0, import_react16.useState)(null);
   const [navDropdownPreviewOpen, setNavDropdownPreviewOpen] = (0, import_react16.useState)(null);
@@ -14648,6 +14657,8 @@ function OhhwellsBridge() {
   const closeFloatingPanelOnly = (0, import_react16.useCallback)(() => {
     setFloatingPanel(null);
   }, []);
+  const closeFloatingPanelOnlyRef = (0, import_react16.useRef)(closeFloatingPanelOnly);
+  closeFloatingPanelOnlyRef.current = closeFloatingPanelOnly;
   const closeFloatingPanelAndDeselect = (0, import_react16.useCallback)(() => {
     setFloatingPanel(null);
     deselectRef.current();
@@ -16399,6 +16410,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;
@@ -16462,6 +16477,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);
@@ -17162,7 +17182,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.56",
+        bridgeVersion: "0.1.58",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections