🤖 fix: stop iPad taps from selecting the whole chat pane

src/browser/components/ChatPane/ChatPane.tsx

@@ -92,7 +92,6 @@ import {
   ChatDockSurface,
   useChatDockColumnWidthClass,
 } from "./chatDockColumn";
-import { resolveComposerControlFocusTarget } from "./composerControlFocus";
 import { useTranscriptDensity } from "@/browser/hooks/useTranscriptDensity";
 import { useReviews } from "@/browser/hooks/useReviews";
 import { ReviewsBanner } from "../ReviewsBanner/ReviewsBanner";
@@ -836,21 +835,6 @@ const ChatPaneContent: React.FC<ChatPaneContentProps> = (props) => {
     [clearActiveSideQuestionScrollHold, handleScrollContainerMouseDown, isComposerDockEvent]
   );
 
-  const handleComposerDockMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {
-    if (event.defaultPrevented || event.button !== 0) {
-      return;
-    }
-    const control = resolveComposerControlFocusTarget(event.target, composerDockRef.current);
-    if (!control) {
-      return;
-    }
-    // Suppressing the default keeps WebKit from walking focus up to the scrollport
-    // (see composerControlFocus); the control then takes focus the way it already
-    // does on Chromium.
-    event.preventDefault();
-    control.focus({ preventScroll: true });
-  };
-
   const handleTranscriptTouchMove = useCallback(() => {
     clearActiveSideQuestionScrollHold();
     markUserScrollIntent();
@@ -1787,7 +1771,6 @@ const ChatPaneContent: React.FC<ChatPaneContentProps> = (props) => {
               <ChatDockColumnProvider value={chatTranscriptFullWidth}>
                 <div
                   ref={composerDockRef}
-                  onMouseDown={handleComposerDockMouseDown}
                   data-testid="chat-composer-dock"
                   className="bg-surface-primary sticky bottom-0 z-10 mx-[-15px] break-normal whitespace-normal"
                   style={COMPOSER_DOCK_STYLE}

src/browser/styles/globals.css

@@ -1127,28 +1127,33 @@ body,
   background-color: var(--color-surface-primary);
 }
 
-/* Mobile improvements - only apply to touch devices */
-@media (max-width: 768px) and (pointer: coarse) {
-  html {
-    -webkit-text-size-adjust: 100%;
-    touch-action: manipulation;
-  }
-
+/* iPadOS reports pointer: coarse even with a trackpad attached, so selection suppression
+   must not be limited to phone widths. */
+@media (pointer: coarse) {
   body {
-    font-size: 15px;
-    /* User request: prevent accidental text highlighting while tapping/scrolling on touch devices. */
     -webkit-user-select: none;
     user-select: none;
   }
 
-  /* Keep selection/caret behavior in editable controls on touch devices. */
+  /* Body selection is suppressed above, so editable controls must opt back in. */
   input,
   textarea,
   [contenteditable="true"],
   [contenteditable="plaintext-only"] {
     -webkit-user-select: text;
     user-select: text;
   }
+}
+
+@media (max-width: 768px) and (pointer: coarse) {
+  html {
+    -webkit-text-size-adjust: 100%;
+    touch-action: manipulation;
+  }
+
+  body {
+    font-size: 15px;
+  }
 
   .mobile-hide-shortcut-hints {
     display: none !important;