diff --git a/src/assets/css/terminal.css b/src/assets/css/terminal.css index fe38fb2..1733b22 100644 --- a/src/assets/css/terminal.css +++ b/src/assets/css/terminal.css @@ -20,12 +20,16 @@ height: 100%; } -/* Selection styling — xterm.js v6 handles selection via canvas renderer. - No CSS override needed; colors come from terminal.options.theme. */ - -/* Cursor styling */ -.terminal-container .xterm-cursor-layer { - z-index: 4; +/* WKWebView focus fix: xterm.js hides its helper textarea with opacity: 0, + width/height: 0, left: -9999em. macOS WKWebView doesn't reliably focus + elements with zero dimensions positioned off-screen. Override to keep it + within the viewport with non-zero dimensions so focus events fire. */ +.terminal-container .xterm .xterm-helper-textarea { + left: 0 !important; + top: 0 !important; + width: 1px !important; + height: 1px !important; + opacity: 0.01 !important; } /* Scrollbar inside terminal */ diff --git a/src/components/common/StatusBar.vue b/src/components/common/StatusBar.vue index 8e37aa2..2582ea7 100644 --- a/src/components/common/StatusBar.vue +++ b/src/components/common/StatusBar.vue @@ -1,5 +1,5 @@