From 93b66b6a2693ebbd8eb234a9436b457b0bdaba12 Mon Sep 17 00:00:00 2001
From: Přemysl Eric Janouch <p@janouch.name>
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(-)

(limited to 'xP/public')

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