fix: focus terminal on mount so keyboard input works immediately
Some checks failed
Build & Sign Wraith / Build Windows + Sign (push) Has been cancelled
Some checks failed
Build & Sign Wraith / Build Windows + Sign (push) Has been cancelled
The watch on isActive never fired on initial mount because the value starts as true (Vue watch only triggers on changes). Added explicit focus + fit in onMounted with a short delay for DOM readiness. Also added @click handler on container as fallback focus mechanism. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
76c5ddbfb5
commit
2dfe4f9d7a
@ -49,6 +49,7 @@
|
||||
<div
|
||||
ref="containerRef"
|
||||
class="terminal-container flex-1"
|
||||
@click="handleFocus"
|
||||
@focus="handleFocus"
|
||||
/>
|
||||
</div>
|
||||
@ -136,9 +137,15 @@ onMounted(() => {
|
||||
terminal.onResize(({ cols, rows }) => {
|
||||
sessionStore.setTerminalDimensions(props.sessionId, cols, rows);
|
||||
});
|
||||
|
||||
// Focus the terminal after mount so keyboard input works immediately
|
||||
setTimeout(() => {
|
||||
fit();
|
||||
terminal.focus();
|
||||
}, 50);
|
||||
});
|
||||
|
||||
// Re-fit and focus terminal when this tab becomes active
|
||||
// Re-fit and focus terminal when switching back to this tab
|
||||
watch(
|
||||
() => props.isActive,
|
||||
(active) => {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user