From 93b66b6a2693ebbd8eb234a9436b457b0bdaba12 Mon Sep 17 00:00:00 2001 From: Přemysl Eric Janouch
Date: Tue, 6 Sep 2022 22:30:23 +0200 Subject: xP: scroll to bottom and focus the input on switch --- xP/public/xP.js | 22 +++++++++++++++++++--- 1 file changed, 19 insertions(+), 3 deletions(-) diff --git a/xP/public/xP.js b/xP/public/xP.js index af20c2b..dba8a99 100644 --- a/xP/public/xP.js +++ b/xP/public/xP.js @@ -165,8 +165,11 @@ rpc.addEventListener('BufferRemove', event => { rpc.addEventListener('BufferActivate', event => { let e = event.detail bufferCurrent = e.bufferName - // TODO: Somehow scroll to the end of it immediately. - // TODO: Focus the textarea. + setTimeout(() => { + let el = document.getElementById('input') + if (el !== null) + el.focus() + }) }) rpc.addEventListener('BufferLine', event => { @@ -306,6 +309,19 @@ let Content = { } let Buffer = { + oncreate: vnode => { + if (vnode.dom === undefined) + return + + let el = vnode.dom.children[1] + if (el !== null) + el.scrollTop = el.scrollHeight + }, + + onupdate: vnode => { + Buffer.oncreate(vnode) + }, + view: vnode => { let lines = [] let b = buffers.get(bufferCurrent) @@ -376,7 +392,7 @@ function onKeyDown(event) { // and we'll probably have to intercept /all/ key presses. let Input = { view: vnode => { - return m('textarea', { + return m('textarea#input', { rows: 1, onkeydown: onKeyDown, }) -- cgit v1.2.3-70-g09d2