[PR #22533] [CLOSED] feat: improve chat scroll readability #65597

New Issue

GiteaMirror · 2026-05-06T11:28:38-05:00

GiteaMirror commented

2026-05-06 11:28:38 -05:00

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/22533
Author: @jannikstdl
Created: 3/10/2026
Status: ❌ Closed

Base: dev ← Head: feat/scroll-to-top

📝 Commits (1)

24bdd97 feat: scroll user message to top of viewport on send

📊 Changes

3 files changed (+102 additions, -31 deletions)

View changed files

📝 src/lib/components/chat/Chat.svelte (+40 -16)
📝 src/lib/components/chat/MessageInput.svelte (+31 -7)
📝 src/lib/components/chat/Messages.svelte (+31 -8)

📄 Description

Two changes to how scrolling works during chat:

Scroll user message to top on send - when you send a message, the user message gets scrolled to the top of the viewport and stays there while the response streams in below. Makes it easier to keep track of what you asked, especially with longer prompts. Same thing happens on regenerate.

Smarter scroll-to-bottom button - the button now checks if content has actually grown past the bottom of the viewport before showing up. Previously it would appear right away after sending even though everything was still visible.

Under the hood this adds a #messages-bottom marker after the message list with a permanent spacer below it. All scroll-to-bottom and at-bottom detection logic uses this marker instead of scrollHeight, so "end of messages" and "end of scrollable area" are properly separated.

Contributor License Agreement

By submitting this pull request, I confirm that I have read and fully agree to the Contributor License Agreement (CLA), and I am providing my contributions under its terms.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/open-webui/open-webui/pull/22533 **Author:** [@jannikstdl](https://github.com/jannikstdl) **Created:** 3/10/2026 **Status:** ❌ Closed **Base:** `dev` ← **Head:** `feat/scroll-to-top` --- ### 📝 Commits (1) - [`24bdd97`](https://github.com/open-webui/open-webui/commit/24bdd97e7091fe2e1be151593f7f5b4aa4dcbf23) feat: scroll user message to top of viewport on send ### 📊 Changes **3 files changed** (+102 additions, -31 deletions) <details> <summary>View changed files</summary> 📝 `src/lib/components/chat/Chat.svelte` (+40 -16) 📝 `src/lib/components/chat/MessageInput.svelte` (+31 -7) 📝 `src/lib/components/chat/Messages.svelte` (+31 -8) </details> ### 📄 Description Two changes to how scrolling works during chat: **Scroll user message to top on send** - when you send a message, the user message gets scrolled to the top of the viewport and stays there while the response streams in below. Makes it easier to keep track of what you asked, especially with longer prompts. Same thing happens on regenerate. **Smarter scroll-to-bottom button** - the button now checks if content has actually grown past the bottom of the viewport before showing up. Previously it would appear right away after sending even though everything was still visible. Under the hood this adds a `#messages-bottom` marker after the message list with a permanent spacer below it. All scroll-to-bottom and at-bottom detection logic uses this marker instead of `scrollHeight`, so "end of messages" and "end of scrollable area" are properly separated. ### Contributor License Agreement By submitting this pull request, I confirm that I have read and fully agree to the [Contributor License Agreement (CLA)](https://github.com/open-webui/open-webui/blob/main/CONTRIBUTOR_LICENSE_AGREEMENT), and I am providing my contributions under its terms. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

GiteaMirror added the pull-request label 2026-05-06 11:28:38 -05:00

GiteaMirror closed this issue

2026-05-06 11:28:40 -05:00

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/open-webui#65597