gramps/cAIc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix scroll: rAF for layout-safe scrollHeight, direction-aware _userScrolledAway

Browse Source
This commit is contained in:
gramps
2026-07-14 14:17:57 -07:00
parent 7d50d07249
commit 8ec4dae062
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/index.html
+11 -3
View File
@@ -1155,7 +1155,7 @@ async function loadConversation(convId) {
container.innerHTML = ''; container.innerHTML = '';
conversationHistory = []; conversationHistory = [];
data.messages.forEach(msg => { appendMessage(msg.role, msg.content, false, false, null, msg.perplexity); conversationHistory.push({ role: msg.role, content: msg.content }); }); data.messages.forEach(msg => { appendMessage(msg.role, msg.content, false, false, null, msg.perplexity); conversationHistory.push({ role: msg.role, content: msg.content }); });
scrollToLatest(); scrollToLatest();
await loadConversations(); await loadConversations();
} catch(e) {} } catch(e) {}
} }
@@ -1650,7 +1650,11 @@ function toggleDirection() {
} }
let _userScrolledAway = false; let _userScrolledAway = false;
document.getElementById('chatContainer')?.addEventListener('scroll', function() { document.getElementById('chatContainer')?.addEventListener('scroll', function() {
_userScrolledAway = this.scrollTop > 100; if (_waterfallDirection === 'newest') {
_userScrolledAway = this.scrollTop > 100;
} else {
_userScrolledAway = this.scrollTop < this.scrollHeight - this.clientHeight - 60;
}
}, { passive: true }); }, { passive: true });
function scrollToLatest() { function scrollToLatest() {
const c = document.getElementById('chatContainer'); const c = document.getElementById('chatContainer');
@@ -1659,7 +1663,11 @@ function scrollToLatest() {
if (_userScrolledAway) return; if (_userScrolledAway) return;
c.scrollTop = 0; c.scrollTop = 0;
} else { } else {
c.scrollTop = c.scrollHeight; if (_userScrolledAway) return;
requestAnimationFrame(() => {
const cc = document.getElementById('chatContainer');
if (cc) cc.scrollTop = cc.scrollHeight;
});
} }
} }
function resetScrollLock() { _userScrolledAway = false; } function resetScrollLock() { _userScrolledAway = false; }