@landtrustinc/design-system 1.2.27-beta.3 → 1.2.27-beta.5

package/dist/index.d.ts

@@ -1343,11 +1343,10 @@ type ChatWidgetProps = {
 };
 type ChatWidgetRef = {
     /**
-     * Scroll to a specific message by index
+     * Scroll to a specific message by index, positioning it at the top of the scroll container
      * @param index - The index of the message in the messages array
-     * @param position - Where to position the message in the viewport ('start' | 'center' | 'end')
      */
-    scrollToMessageIndex: (index: number, position?: ScrollLogicalPosition) => void;
+    scrollToMessageIndex: (index: number) => void;
 };
 declare const ChatWidget: React__default.ForwardRefExoticComponent<ChatWidgetProps & React__default.RefAttributes<ChatWidgetRef>>;
 

package/dist/index.js

@@ -5955,14 +5955,16 @@ var ChatWidget = import_react30.default.forwardRef(
     (0, import_react30.useImperativeHandle)(
       ref,
       () => ({
-        scrollToMessageIndex: (index, position2 = "start") => {
+        scrollToMessageIndex: (index) => {
           const messageEl = messageRefs.current[index];
-          if (messageEl && scrollRef.current && isExpanded) {
+          const container = scrollRef.current;
+          if (messageEl && container && isExpanded) {
             requestAnimationFrame(() => {
-              messageEl.scrollIntoView({ block: position2, behavior: "smooth" });
-              if (scrollRef.current) {
-                savedScrollPosition.current = scrollRef.current.scrollTop;
-              }
+              const containerRect = container.getBoundingClientRect();
+              const messageRect = messageEl.getBoundingClientRect();
+              const scrollAmount = container.scrollTop + (messageRect.top - containerRect.top);
+              container.scrollTop = scrollAmount;
+              savedScrollPosition.current = scrollAmount;
             });
           }
         }