@ohhwells/bridge 0.1.42-next.103 → 0.1.42-next.104

package/dist/index.cjs

@@ -7306,18 +7306,28 @@ function buildRootNavDropSlots() {
     });
     return slots;
   }
+  const edgeGap = (() => {
+    if (items.length < 2) return 32;
+    const a = items[0].getBoundingClientRect();
+    const b = items[1].getBoundingClientRect();
+    return Math.max(0, b.left - a.right);
+  })();
   for (let i = 0; i <= items.length; i++) {
     let left;
     let top;
     let height;
     if (i === 0) {
       const first = items[0].getBoundingClientRect();
-      left = first.left - barThickness / 2;
+      left = first.left - edgeGap / 2 - barThickness / 2;
       top = first.top;
       height = first.height;
     } else if (i === items.length) {
       const last = items[items.length - 1].getBoundingClientRect();
-      left = last.right - barThickness / 2;
+      const lastGap = items.length >= 2 ? Math.max(
+        0,
+        last.left - items[items.length - 2].getBoundingClientRect().right
+      ) : edgeGap;
+      left = last.right + lastGap / 2 - barThickness / 2;
       top = last.top;
       height = last.height;
     } else {
@@ -7344,18 +7354,28 @@ function buildChildNavDropSlots(parentHrefKey) {
   const slots = [];
   const barThickness = 3;
   if (children.length === 0) return slots;
+  const edgeGap = (() => {
+    if (children.length < 2) return 16;
+    const a = children[0].getBoundingClientRect();
+    const b = children[1].getBoundingClientRect();
+    return Math.max(0, b.top - a.bottom);
+  })();
   for (let i = 0; i <= children.length; i++) {
     let top;
     let width;
     let left;
     if (i === 0) {
       const first = children[0].getBoundingClientRect();
-      top = first.top - barThickness / 2;
+      top = first.top - edgeGap / 2 - barThickness / 2;
       left = first.left;
       width = first.width;
     } else if (i === children.length) {
       const last = children[children.length - 1].getBoundingClientRect();
-      top = last.bottom - barThickness / 2;
+      const lastGap = children.length >= 2 ? Math.max(
+        0,
+        last.top - children[children.length - 2].getBoundingClientRect().bottom
+      ) : edgeGap;
+      top = last.bottom + lastGap / 2 - barThickness / 2;
       left = last.left;
       width = last.width;
     } else {