ti.sil/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2025-12-13 04:45:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

fix: prevent error when autoscrolling in FloatingButtons

Browse source
This commit is contained in:
silentoplayz 2025-07-27 03:07:28 -04:00
parent 48d233abc6
commit 1d85729b4a
1 changed files with 34 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
src/lib/components/chat/ContentRenderer/FloatingButtons.svelte
View file

@ -4,7 +4,7 @@
import DOMPurify from 'dompurify';
import { marked } from 'marked';
import { getContext, tick } from 'svelte';
import { getContext, tick, onDestroy } from 'svelte';
const i18n = getContext('i18n');
import { chatCompletion } from '$lib/apis/openai';
@ -27,15 +27,18 @@
let prompt = '';
let responseContent = null;
let responseDone = false;
let controller = null;
const autoScroll = async () => {
// Scroll to bottom only if the scroll is at the bottom give 50px buffer
const responseContainer = document.getElementById('response-container');
if (
responseContainer.scrollHeight - responseContainer.clientHeight <=
responseContainer.scrollTop + 50
) {
responseContainer.scrollTop = responseContainer.scrollHeight;
if (responseContainer) {
// Scroll to bottom only if the scroll is at the bottom give 50px buffer
if (
responseContainer.scrollHeight - responseContainer.clientHeight <=
responseContainer.scrollTop + 50
) {
responseContainer.scrollTop = responseContainer.scrollHeight;
}
}
};
@ -54,7 +57,8 @@
floatingInputValue = '';
responseContent = '';
const [res, controller] = await chatCompletion(localStorage.token, {
let res;
[res, controller] = await chatCompletion(localStorage.token, {
model: model,
messages: [
...messages,
@ -116,7 +120,13 @@
};
// Process the stream in the background
await processStream();
try {
await processStream();
} catch (e) {
if (e.name !== 'AbortError') {
console.error(e);
}
}
} else {
toast.error('An error occurred while fetching the explanation');
}
@ -134,7 +144,8 @@
prompt = `${quotedText}\n\nExplain`;
responseContent = '';
const [res, controller] = await chatCompletion(localStorage.token, {
let res;
[res, controller] = await chatCompletion(localStorage.token, {
model: model,
messages: [
...messages,
@ -196,7 +207,13 @@
};
// Process the stream in the background
await processStream();
try {
await processStream();
} catch (e) {
if (e.name !== 'AbortError') {
console.error(e);
}
}
} else {
toast.error('An error occurred while fetching the explanation');
}
@ -227,6 +244,12 @@
floatingInput = false;
floatingInputValue = '';
};
onDestroy(() => {
if (controller) {
controller.abort();
}
});
</script>
<div