klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-05 05:39:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Focus on input field, scroll to latest message on opening chat pane

Browse Source 
Previously scroll and chat input focus weren't applied as view hadn't
been rendered yet
This commit is contained in:
Debanjum Singh Solanky
2024-05-07 00:54:01 +08:00
parent 9f65e8de98
commit f8f9d066db
1 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/interface/obsidian/src/chat_view.ts
View File

@@ -127,9 +127,15 @@ export class KhojChatView extends ItemView {
chatInput.placeholder = placeholderText;
chatInput.disabled = !getChatHistorySucessfully;
// Scroll to bottom of modal, till the send message input box
this.scrollChatToBottom();
chatInput.focus();
// Scroll to bottom of chat messages and focus on chat input field, once messages rendered
requestAnimationFrame(() => {
// Ensure layout and paint have occurred
requestAnimationFrame(() => {
this.scrollChatToBottom();
const chatInput = <HTMLTextAreaElement>this.contentEl.getElementsByClassName("khoj-chat-input")[0];
chatInput?.focus();
});
});
}
generateReference(messageEl: Element, reference: string, index: number) {
@@ -651,7 +657,7 @@ export class KhojChatView extends ItemView {
}
scrollChatToBottom() {
let sendButton = <HTMLButtonElement>this.contentEl.getElementsByClassName("khoj-chat-send")[0];
sendButton.scrollIntoView({ behavior: "auto", block: "center" });
const chat_body_el = this.contentEl.getElementsByClassName("khoj-chat-body")[0];
if (!!chat_body_el) chat_body_el.scrollTop = chat_body_el.scrollHeight;
}
}