Fix scrolling during streaming when thinking blocks are present

This commit is contained in:
oobabooga 2025-07-03 18:14:52 -07:00
parent 13373391df
commit cbba88f565

View file

@ -199,10 +199,11 @@ const observer = new MutationObserver(function(mutations) {
const lastChild = messagesContainer?.lastElementChild;
const prevSibling = lastChild?.previousElementSibling;
if (lastChild && prevSibling) {
lastChild.style.setProperty("margin-bottom",
`max(0px, calc(max(70vh, 100vh - ${prevSibling.offsetHeight}px - 84px) - ${lastChild.offsetHeight}px))`,
"important"
);
// Add padding to the messages container to create room for the last message.
// The purpose of this is to avoid constant scrolling during streaming in
// instruct mode.
const bufferHeight = Math.max(0, Math.max(0.7 * window.innerHeight, window.innerHeight - prevSibling.offsetHeight - 84) - lastChild.offsetHeight);
messagesContainer.style.paddingBottom = `${bufferHeight}px`;
}
}
});