@ticketboothapp/booking 1.2.37 → 1.2.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ticketboothapp/booking",
-  "version": "1.2.37",
+  "version": "1.2.39",
   "private": false,
   "sideEffects": [
     "**/*.css",

package/src/components/booking/BookingFlow.tsx

@@ -1423,11 +1423,26 @@ export function BookingFlow({
       return null;
     };
 
-    const scrollParent = findScrollParent(el);
-    const scrollTarget =
-      useWindowScroll || !scrollParent
-        ? (typeof window !== 'undefined' ? window : null)
-        : scrollParent;
+    const detectedScrollParent = findScrollParent(el);
+    const explicitScrollContainer = contentRef?.current ?? null;
+    const isElementScrollable = (node: HTMLElement | null): node is HTMLElement => {
+      if (!node) return false;
+      const style = getComputedStyle(node);
+      const allowsScroll = style.overflowY === 'auto' || style.overflowY === 'scroll' || style.overflowY === 'overlay';
+      return allowsScroll && node.scrollHeight > node.clientHeight + 1;
+    };
+
+    // Deterministic host-aware choice:
+    // 1) explicit contentRef when it is truly scrollable
+    // 2) nearest detected scroll parent when it is truly scrollable
+    // 3) window scroll
+    const scrollParent =
+      !useWindowScroll && isElementScrollable(explicitScrollContainer)
+        ? explicitScrollContainer
+        : !useWindowScroll && isElementScrollable(detectedScrollParent)
+        ? detectedScrollParent
+        : null;
+    const scrollTarget = scrollParent ?? (typeof window !== 'undefined' ? window : null);
 
     let ticking = false;
     const COOLDOWN_MS = 600; // After a state change, ignore reverse changes for this long (covers 0.25s collapse animation + layout settle)

package/src/components/booking/ItineraryBox.module.css

@@ -101,6 +101,7 @@
   transition: all 0.3s;
 }
 
+
 .titleSticky {
   font-size: 1rem;
   margin-bottom: 0.25rem;
@@ -215,13 +216,13 @@
 }
 
 .placeLink {
-  color: var(--booking-stone-400, #a8a29e);
+  color: var(--booking-emerald-600, #059669);
   text-decoration: underline;
   cursor: pointer;
 }
 
 .placeLink:hover {
-  color: var(--booking-stone-600, #57534e);
+  color: var(--booking-emerald-700, #047857);
 }
 
 .tooltip {

package/src/components/booking/ItineraryBox.tsx

@@ -280,7 +280,7 @@ export function ItineraryBox({
                           <button
                             type="button"
                             onClick={handlePickupLocationClick}
-                            className="text-stone-400 hover:text-stone-600 underline cursor-pointer"
+                            className={styles.placeLink}
                           >
                             {getDisplayLabel(locationOnlyDisplay)}
                           </button>
@@ -312,7 +312,7 @@ export function ItineraryBox({
                           <button
                             type="button"
                             onClick={handlePickupLocationClick}
-                            className="text-stone-400 hover:text-stone-600 underline cursor-pointer"
+                            className={styles.placeLink}
                           >
                             {getDisplayLabel(locationOnlyDisplay)}
                           </button>