rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Adjust scroll height on image inserting

Browse Source
This commit is contained in:
Cohee
2023-11-19 14:32:36 +02:00
parent 81cb43004b
commit c3e5d0f6f2
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
public/script.js
View File

@ -1599,9 +1599,16 @@ export function updateMessageBlock(messageId, message) {
export function appendMediaToMessage(mes, messageElement) { export function appendMediaToMessage(mes, messageElement) {
// Add image to message // Add image to message
if (mes.extra?.image) { if (mes.extra?.image) {
const chatHeight = $('#chat').prop('scrollHeight');
const image = messageElement.find('.mes_img'); const image = messageElement.find('.mes_img');
const text = messageElement.find('.mes_text'); const text = messageElement.find('.mes_text');
const isInline = !!mes.extra?.inline_image; const isInline = !!mes.extra?.inline_image;
image.on('load', function () {
const scrollPosition = $('#chat').scrollTop();
const newChatHeight = $('#chat').prop('scrollHeight');
const diff = newChatHeight - chatHeight;
$('#chat').scrollTop(scrollPosition + diff);
});
image.attr('src', mes.extra?.image); image.attr('src', mes.extra?.image);
image.attr('title', mes.extra?.title || mes.title || ''); image.attr('title', mes.extra?.title || mes.title || '');
messageElement.find(".mes_img_container").addClass("img_extra"); messageElement.find(".mes_img_container").addClass("img_extra");