[PR #22535] [CLOSED] feat: scroll user message to top of viewport on send #42372

New Issue

GiteaMirror · 2026-04-25T14:17:24-05:00

GiteaMirror commented

2026-04-25 14:17:24 -05:00

📋 Pull Request Information

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

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

📝 Commits (1)

bf335bb feat: scroll user message to top of viewport on send

📊 Changes

3 files changed (+75 additions, -29 deletions)

View changed files

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

📄 Description

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

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 now 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/22535 **Author:** [@jannikstdl](https://github.com/jannikstdl) **Created:** 3/10/2026 **Status:** ❌ Closed **Base:** `dev` ← **Head:** `feat/scroll-to-top` --- ### 📝 Commits (1) - [`bf335bb`](https://github.com/open-webui/open-webui/commit/bf335bb2da89cc9265f931d12352c71b5073875f) feat: scroll user message to top of viewport on send ### 📊 Changes **3 files changed** (+75 additions, -29 deletions) <details> <summary>View changed files</summary> 📝 `src/lib/components/chat/Chat.svelte` (+40 -16) 📝 `src/lib/components/chat/MessageInput.svelte` (+4 -5) 📝 `src/lib/components/chat/Messages.svelte` (+31 -8) </details> ### 📄 Description When you send a message, the user message now scrolls to the top of the viewport and stays there while the response streams in below. Makes it much easier to keep track of what you asked, especially with longer prompts. Same thing happens on regenerate. 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 now uses this marker instead of `scrollHeight`, so "end of messages" and "end of scrollable area" are properly separated. ### Contributor License Agreement - [x] 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-04-25 14:17:24 -05:00

GiteaMirror closed this issue

2026-04-25 14:17:25 -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#42372