diff --git a/Components/ChatArea.svelte b/Components/ChatArea.svelte index 012a936..86d54a8 100644 --- a/Components/ChatArea.svelte +++ b/Components/ChatArea.svelte @@ -11,6 +11,7 @@ import { tick } from "svelte"; import { Selector } from "Enums/Selector"; import { Exception } from "Helpers/Exception"; + import { getOuterHeight } from "Helpers/ElementHelper"; export let cancelling: boolean = false; export let messages: ConversationContent[] = []; @@ -45,20 +46,19 @@ return; } + const gap = parseFloat(getComputedStyle(chatContainer).gap) || 0; const paddingTop = parseFloat(getComputedStyle(chatContainer).paddingTop) || 0; const paddingBottom = parseFloat(getComputedStyle(chatContainer).paddingBottom) || 0; const messageElement = messageElements.sort((a, b) => a.index - b.index)[messageElements.length - 1]; - let messageSpace = messageElement.element.offsetHeight; + let messageSpace = getOuterHeight(messageElement.element); if (!shouldSettle) { - const gap = parseFloat(getComputedStyle(chatContainer).gap) || 0; - if (thoughtIndicatorElement) { - messageSpace += thoughtIndicatorElement.offsetHeight + gap + gap; + messageSpace += getOuterHeight(thoughtIndicatorElement) + gap; } if (streamingIndicatorElement) { - messageSpace += streamingIndicatorElement.offsetHeight + gap + gap; + messageSpace += getOuterHeight(streamingIndicatorElement) + gap; } } @@ -247,6 +247,7 @@