Enhancement: Disable Pull-to-Refresh on Mobile to Prevent Accidental Chat Reloads

[evandrocoan]

Description:
On mobile browsers, the native "pull-to-refresh" gesture can be triggered accidentally when scrolling near the top of the page. In LibreChat, this action reloads the entire application, which can unexpectedly start a new chat or refresh the current one. This behavior is disruptive and can cause users to lose their conversation context. Disabling this non-essential gesture would improve the mobile user experience significantly.

Steps to Reproduce:

1. Open LibreChat on a mobile device (e.g., Chrome on Android or Safari on iOS).
2. Navigate into any chat conversation.
3. Scroll to the very top of the chat window.
4. Swipe down from the top of the screen, as if trying to scroll up further.

Expected Behavior:
The page should not react to the overscroll gesture. The view should remain static, perhaps showing a slight visual "bounce" (the browser default for reaching a scroll limit), but it should not trigger a page refresh.

Actual Behavior:
The browser's native pull-to-refresh action is initiated, reloading the entire web page. This either navigates the user to a new, empty chat or reloads the existing conversation, interrupting the user's flow.

Environment:

• Device: e.g., Google Pixel 7, iPhone 14 Pro
• OS: e.g., Android 13, iOS 16.5
• Browser: e.g., Mobile Chrome, Mobile Safari

Proposed Solution:
This can be resolved by applying a single CSS rule to the main body of the application. The overscroll-behavior-y property is designed for this exact purpose.

Add the following to the global CSS file:

body {
  /* Prevents the pull-to-refresh action on mobile 
     and has no negative side-effects on desktop. */
  overscroll-behavior-y: contain;
}

This is the modern, standard method for preventing this behavior and will not interfere with normal scrolling or desktop functionality.

[danny-avila]

I would not say this is a bug, maybe you can make it a configurable setting instead?