Skip to content

Commit a3fd24e

Browse files
committed
fix(ui): UI improvements
Visual improvements and bugfixes including: - disable pagination during search - fix scrolling on new message Signed-off-by: Ettore Di Giacinto <mudler@localai.io>
1 parent 773b133 commit a3fd24e

File tree

3 files changed

+377
-252
lines changed

3 files changed

+377
-252
lines changed

core/http/static/chat.js

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ function submitPrompt(event) {
4949
document.getElementById("input").value = "";
5050
const key = localStorage.getItem("key");
5151
const systemPrompt = localStorage.getItem("system_prompt");
52-
52+
Alpine.nextTick(() => { document.getElementById('messages').scrollIntoView(false); });
5353
promptGPT(systemPrompt, key, input);
5454
}
5555

@@ -74,7 +74,6 @@ function readInputImage() {
7474
// Make the "loader" visible
7575
document.getElementById("loader").style.display = "block";
7676
document.getElementById("input").disabled = true;
77-
document.getElementById('messages').scrollIntoView(false)
7877

7978
messages = Alpine.store("chat").messages();
8079

@@ -181,8 +180,8 @@ function readInputImage() {
181180
const chatStore = Alpine.store("chat");
182181
chatStore.add("assistant", token);
183182
// Efficiently scroll into view without triggering multiple reflows
184-
const messages = document.getElementById('messages');
185-
messages.scrollTop = messages.scrollHeight;
183+
// const messages = document.getElementById('messages');
184+
// messages.scrollTop = messages.scrollHeight;
186185
};
187186

188187
let buffer = "";

0 commit comments

Comments
 (0)