@swift-food-services/catering-widget 0.2.0-beta.0 → 0.2.0-beta.1

package/dist/index.cjs

@@ -4472,6 +4472,9 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
   .swift-catering-widget .overflow-y-auto {
     overflow-y: auto;
   }
+  .swift-catering-widget .overscroll-contain {
+    overscroll-behavior: contain;
+  }
   .swift-catering-widget .overscroll-none {
     overscroll-behavior: none;
   }
@@ -16819,7 +16822,7 @@ function AIChatBody() {
     await applyEditField(field, value, idx);
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "swift-chat-design bg-white rounded-xl shadow-sm border border-base-200 flex h-full min-h-0 flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-2.5 flex items-center gap-3 border-b border-base-200", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-shrink-0 px-3 py-2.5 flex items-center gap-3 border-b border-base-200", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-9 h-9 rounded-full bg-primary flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "w-4 h-4 text-white" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-gray-800", children: "AI Assistant" }),
@@ -16857,7 +16860,7 @@ function AIChatBody() {
         {
           ref: messagesScrollRef,
           onScroll: handleMessagesScroll,
-          className: "absolute inset-0 overflow-y-auto p-3",
+          className: "absolute inset-0 overflow-y-auto overscroll-contain p-3",
           children: /* @__PURE__ */ jsxRuntime.jsx(ChatMessagesView, {})
         }
       ),
@@ -16877,8 +16880,8 @@ function AIChatBody() {
         }
       ) })
     ] }),
-    actionChips.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-base-200 px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(ChipGroup, { chips: actionChips, onAction: handleChipClick }) }),
-    missingFields && missingFields.fields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+    actionChips.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 border-t border-base-200 px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(ChipGroup, { chips: actionChips, onAction: handleChipClick }) }),
+    missingFields && missingFields.fields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
       MissingFieldsClarifier,
       {
         missing: missingFields,
@@ -16891,8 +16894,8 @@ function AIChatBody() {
           setEditValue(void 0);
         }
       }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-base-200 p-2.5", children: /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { mode: "wait", initial: false, children: editField !== null ? /* @__PURE__ */ jsxRuntime.jsx(
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 border-t border-base-200 p-2.5", children: /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { mode: "wait", initial: false, children: editField !== null ? /* @__PURE__ */ jsxRuntime.jsx(
       react$1.motion.div,
       {
         initial: { opacity: 0, y: 8 },
@@ -19836,10 +19839,27 @@ function resolveDraftItems(mealSessionParts, aiMealSessions, activeMealSessionIn
 function SuggestionsOverlay({ onClose }) {
   const { stickyTopOffset = 0 } = useCateringConfig();
   react.useEffect(() => {
-    const prev = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
+    const body = document.body;
+    const scrollY = window.scrollY;
+    const prev = {
+      position: body.style.position,
+      top: body.style.top,
+      left: body.style.left,
+      right: body.style.right,
+      width: body.style.width
+    };
+    body.style.position = "fixed";
+    body.style.top = `-${scrollY}px`;
+    body.style.left = "0";
+    body.style.right = "0";
+    body.style.width = "100%";
     return () => {
-      document.body.style.overflow = prev;
+      body.style.position = prev.position;
+      body.style.top = prev.top;
+      body.style.left = prev.left;
+      body.style.right = prev.right;
+      body.style.width = prev.width;
+      window.scrollTo(0, scrollY);
     };
   }, []);
   if (typeof document === "undefined") return null;