@electerm/electerm-react 5.5.6 → 5.5.9

package/client/css/mobile.styl

@@ -170,18 +170,31 @@
   .upgrade-panel
     max-width calc(100vw - 20px)
 
-  // ---- 9. Terminal touch support: prevent the browser's native long-press
-  //        callout (iOS "Copy/Look Up" menu) and text-selection gesture from
-  //        interfering with xterm's own touch handling and our custom
-  //        long-press context-menu detection. xterm.js already sets
-  //        user-select:none on .xterm; we additionally suppress the iOS
-  //        callout and set touch-action so the browser does not compete with
-  //        xterm for touch gesture interpretation.
+// ---------------------------------------------------------------------------
+// Terminal touch selection (behaviour in mixins/term-touch.js).
+//
+// Scoped to is-touch-device on top of the narrow-window is-mobile case: a
+// tablet held in landscape is wider than the 600px mobile breakpoint but is
+// still touch-primary and needs the same suppression, while store.isTouchDevice
+// keeps it off for anything mouse-driven (it follows the input in use — see
+// main.jsx).
+//
+// - the browser's native long-press callout (iOS "Copy/Look Up" menu) and its
+//   own text-selection gesture would fight xterm for the touch stream and
+//   swallow the long press that starts a selection;
+// - xterm already sets user-select:none on .xterm; touch-action:none stops the
+//   browser scrolling/zooming the page out from under a selection drag, since
+//   xterm does its own scrolling from gesture events.
+// ---------------------------------------------------------------------------
+.is-mobile,
+.is-touch-device
   .term-wrap
     -webkit-touch-callout none
     -webkit-tap-highlight-color transparent
     .xterm
       -webkit-touch-callout none
+      -webkit-user-select none
+      user-select none
       touch-action none
 
 // ---------------------------------------------------------------------------

package/client/store/tab.js

@@ -17,10 +17,10 @@ import generate from '../common/id-with-stamp'
 import uid from '../common/uid'
 import newTerm, { updateCount } from '../common/new-terminal.js'
 import { action } from 'manate'
-import { shouldCaptureSshReloadState } from '../components/terminal/ssh-reload-state.js'
+import { shouldCaptureTerminalReloadState } from '../components/terminal/ssh-reload-state.js'
 
 function captureSshSessionState (tab, config) {
-  return shouldCaptureSshReloadState(tab, config)
+  return shouldCaptureTerminalReloadState(tab, config)
     ? refs.get(`term-${tab.id}`)?.getReloadState?.()
     : undefined
 }
@@ -103,8 +103,9 @@ export default Store => {
     const oldTab = tabs[index]
     const oldBatch = oldTab.batch
 
-    // Reload state is captured only for an SSH refresh/reconnect. Closing a
-    // tab goes through removeTabs and never reaches this code path.
+    // Reload state is captured only for a shell terminal refresh/reconnect
+    // (ssh, local, telnet, serial). Closing a tab goes through removeTabs
+    // and never reaches this code path.
     const reloadState = captureSshSessionState(oldTab, store.config)
 
     // Create copy of old tab with new ID

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@electerm/electerm-react",
-  "version": "5.5.6",
+  "version": "5.5.9",
   "description": "react components src for electerm",
   "main": "./client/components/main/main.jsx",
   "license": "MIT",