@coinbase/cds-mobile 9.10.2 → 9.10.4

package/CHANGELOG.md

@@ -8,6 +8,18 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 9.10.4 (8/6/2026 PST)
+
+#### 🐞 Fixes
+
+- Enable chart scrubbing inside Tray/Drawer on Android (GestureHandlerRootView in Modal; chart claims touch responder so outside-handle pan-to-dismiss does not block long-press scrub). [[#827](https://github.com/coinbase/cds/pull/827)]
+
+## 9.10.3 (8/5/2026 PST)
+
+#### 🐞 Fixes
+
+- Fix: remove unnecessary padding on inputstack. [[#823](https://github.com/coinbase/cds/pull/823)]
+
 ## 9.10.2 (7/31/2026 PST)
 
 #### 🐞 Fixes

package/dts/examples/ExampleScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleScreen.d.ts","sourceRoot":"","sources":["../../src/examples/ExampleScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,KAAK,GAAG,EAA4C,MAAM,OAAO,CAAC;AACjG,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAG5E,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAM5D,KAAK,qBAAqB,GAAG,MAAM,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AAC5D,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,qBAAqB,GAAG,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IACtE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAM/B,eAAO,MAAM,OAAO,GAAI,kEAOrB,YAAY,4CA8Bd,CAAC;AAEF,eAAO,MAAM,aAAa;qCAIvB,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAAC,GAAG;QACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;KAC7B;;CAuCA,CAAC"}
+{"version":3,"file":"ExampleScreen.d.ts","sourceRoot":"","sources":["../../src/examples/ExampleScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,KAAK,GAAG,EAA4C,MAAM,OAAO,CAAC;AACjG,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAG5E,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAM5D,KAAK,qBAAqB,GAAG,MAAM,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AAC5D,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,qBAAqB,GAAG,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IACtE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAM/B,eAAO,MAAM,OAAO,GAAI,kEAOrB,YAAY,4CA8Bd,CAAC;AAEF,eAAO,MAAM,aAAa;qCAIvB,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAAC,GAAG;QACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;KAC7B;;CAyCA,CAAC"}

package/dts/overlays/drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/overlays/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAarF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAM1E,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AASxE,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE;IAAE,WAAW,EAAE,MAAM,IAAI,CAAA;CAAE,KAAK,KAAK,CAAC,SAAS,CAAC;AAE1F,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gDAAgD;IAChD,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,GAAG,yBAAyB,CAAC,GAChF,IAAI,CAAC,UAAU,EAAE,gBAAgB,GAAG,UAAU,CAAC,GAAG;IAChD,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,oBAAoB,GAAG,KAAK,CAAC,SAAS,CAAC;IAClD;;;SAGK;IACL,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IAC7C;;SAEK;IACL,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uDAAuD;IACvD,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B;;;OAGG;IACH,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAC5C,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC;;;OAGG;IACH,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC;;;;OAIG;IACH,YAAY,CAAC,EAAE,oBAAoB,GAAG,KAAK,CAAC,SAAS,CAAC;IACtD;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wDAAwD;IACxD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;OAEG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC,CAAC;AAEJ,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IAC1C,MAAM,CAAC,EAAE;QACP,6BAA6B;QAC7B,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,+BAA+B;QAC/B,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC/B,yCAAyC;QACzC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACjC,mCAAmC;QACnC,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;QACpC,mCAAmC;QACnC,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACvC,qCAAqC;QACrC,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC/B,CAAC;CACH,CAAC;AAMF,eAAO,MAAM,MAAM,iDAId,WAAW,GAAG;IACf,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;CACrC,6CAsOF,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/overlays/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAcrF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAM1E,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAgBxE,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE;IAAE,WAAW,EAAE,MAAM,IAAI,CAAA;CAAE,KAAK,KAAK,CAAC,SAAS,CAAC;AAE1F,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gDAAgD;IAChD,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,GAAG,yBAAyB,CAAC,GAChF,IAAI,CAAC,UAAU,EAAE,gBAAgB,GAAG,UAAU,CAAC,GAAG;IAChD,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,oBAAoB,GAAG,KAAK,CAAC,SAAS,CAAC;IAClD;;;SAGK;IACL,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IAC7C;;SAEK;IACL,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uDAAuD;IACvD,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B;;;OAGG;IACH,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAC5C,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC;;;OAGG;IACH,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC;;;;OAIG;IACH,YAAY,CAAC,EAAE,oBAAoB,GAAG,KAAK,CAAC,SAAS,CAAC;IACtD;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wDAAwD;IACxD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;OAEG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC,CAAC;AAEJ,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IAC1C,MAAM,CAAC,EAAE;QACP,6BAA6B;QAC7B,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,+BAA+B;QAC/B,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC/B,yCAAyC;QACzC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACjC,mCAAmC;QACnC,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;QACpC,mCAAmC;QACnC,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACvC,qCAAqC;QACrC,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC/B,CAAC;CACH,CAAC;AAMF,eAAO,MAAM,MAAM,iDAId,WAAW,GAAG;IACf,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;CACrC,6CAwOF,CAAC"}

package/dts/overlays/drawer/useDrawerPanResponder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawerPanResponder.d.ts","sourceRoot":"","sources":["../../../src/overlays/drawer/useDrawerPanResponder.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAmD,MAAM,cAAc,CAAC;AAc9F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAGhF,KAAK,2BAA2B,GAAG;IACjC,eAAe,EAAE,QAAQ,CAAC,KAAK,CAAC;IAChC,eAAe,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IAC7C,GAAG,EAAE,gBAAgB,CAAC;IACtB,iCAAiC,EAAE,OAAO,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,gBAAgB,EAAE,QAAQ,CAAC,KAAK,CAAC;IACjC,8BAA8B,EAAE,MAAM,CAAC;CACxC,CAAC;AASF,eAAO,MAAM,qBAAqB,GAAI,6JASnC,2BAA2B,gDAmO7B,CAAC"}
+{"version":3,"file":"useDrawerPanResponder.d.ts","sourceRoot":"","sources":["../../../src/overlays/drawer/useDrawerPanResponder.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAmD,MAAM,cAAc,CAAC;AAc9F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAMhF,KAAK,2BAA2B,GAAG;IACjC,eAAe,EAAE,QAAQ,CAAC,KAAK,CAAC;IAChC,eAAe,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IAC7C,GAAG,EAAE,gBAAgB,CAAC;IACtB,iCAAiC,EAAE,OAAO,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,gBAAgB,EAAE,QAAQ,CAAC,KAAK,CAAC;IACjC,8BAA8B,EAAE,MAAM,CAAC;CACxC,CAAC;AASF,eAAO,MAAM,qBAAqB,GAAI,6JASnC,2BAA2B,gDAqO7B,CAAC"}

package/dts/visualizations/chart/scrubber/ScrubberProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrubberProvider.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/chart/scrubber/ScrubberProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAI9E,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,iBAAiB,CAAC,CAAC,GAAG;IAC3F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAChE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+J5D,CAAC"}
+{"version":3,"file":"ScrubberProvider.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/chart/scrubber/ScrubberProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAI9E,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,iBAAiB,CAAC,CAAC,GAAG;IAC3F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAChE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+K5D,CAAC"}

package/esm/controls/InputStack.js

@@ -143,14 +143,8 @@ export const InputStack = /*#__PURE__*/memo(function InputStack(_props) {
     })]
   }));
 });
-
-// Fixes a problem found in Accordion children element.
-// When `overflow: auto` is set the thickened border when focused is not accounted for
-// hence you see a cutoff.
-// Padding must accommodate the focus border extension (default 2px for focusedBorderWidth: 200)
 const staticStyles = StyleSheet.create({
   inputAreaContainerStyle: {
-    padding: 2,
     flexGrow: 2
   }
 });

package/esm/examples/ExampleScreen.js

@@ -74,13 +74,13 @@ export const ExampleScreen = _ref2 => {
       borderedTop: true,
       background: "bg",
       borderColor: "bgLineHeavy",
-      paddingX: gutter,
       testID: "mobile-playground-screen"
     }, boxProps, {
       children: /*#__PURE__*/_jsx(ScrollView, {
         ref: ref,
         contentContainerStyle: {
-          flexGrow: 1
+          flexGrow: 1,
+          paddingHorizontal: theme.space[gutter]
         },
         keyboardShouldPersistTaps: "always",
         persistentScrollbar: false,

package/esm/overlays/drawer/Drawer.js

@@ -3,7 +3,8 @@ const _excluded = ["ref"],
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { Animated, Keyboard, Modal, Platform, StatusBar, useWindowDimensions } from 'react-native';
+import { Animated, Keyboard, Modal, Platform, StatusBar, StyleSheet, useWindowDimensions } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { drawerAnimationDefaultDuration, MAX_OVER_DRAG } from '@coinbase/cds-common/animation/drawer';
 import { OverlayContentContext } from '@coinbase/cds-common/overlays/OverlayContentContext';
 import { horizontalDrawerPercentageOfView, verticalDrawerPercentageOfView as defaultVerticalDrawerPercentageOfView } from '@coinbase/cds-common/tokens/drawer';
@@ -18,6 +19,12 @@ import { useDrawerAnimation } from './useDrawerAnimation';
 import { useDrawerPanResponder } from './useDrawerPanResponder';
 import { useDrawerSpacing } from './useDrawerSpacing';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const drawerStyles = StyleSheet.create({
+  // Android Modal is outside the app gesture root; RNGH needs one here.
+  gestureRoot: {
+    flex: 1
+  }
+});
 const overlayContentContextValue = {
   isDrawer: true
 };
@@ -182,39 +189,42 @@ export const Drawer = /*#__PURE__*/memo(_ref => {
     onRequestClose: handleRequestClose,
     style: rootStyle
   }, props, {
-    children: /*#__PURE__*/_jsxs(OverlayContentContext.Provider, {
-      value: overlayContentContextValue,
-      children: [Platform.select({
-        ios: hideStatusBar ? /*#__PURE__*/_jsx(StatusBar, {
-          animated: true,
-          hidden: true
-        }) : null,
-        default: null
-      }), /*#__PURE__*/_jsx(Overlay, {
-        onTouchStart: handleOverlayPress,
-        opacity: opacityAnimation,
-        style: styles == null ? void 0 : styles.overlay,
-        testID: "drawer-overlay"
-      }), /*#__PURE__*/_jsxs(Box, _extends({}, getContainerPanHandlers, {
-        animated: true
-        // close modal when user performs the "escape" accessibility gesture
-        // https://reactnative.dev/docs/accessibility#onaccessibilityescape-ios
-        ,
-        onAccessibilityEscape: handleClose,
-        pin: pin,
-        style: containerStyle,
-        width: isSideDrawer ? horizontalDrawerWidth : '100%',
-        children: [showHandleBarOutside && handleBar, /*#__PURE__*/_jsxs(Box, {
-          accessibilityLabel: accessibilityLabel,
-          accessibilityLabelledBy: accessibilityLabelledBy,
-          borderRadius: isSideDrawer ? 0 : 600,
-          bordered: theme.activeColorScheme === 'dark',
-          elevation: 2,
-          maxHeight: !isSideDrawer ? verticalDrawerMaxHeight : '100%',
-          style: drawerStyle,
-          children: [showHandleBarInside && handleBar, content]
-        })]
-      }))]
+    children: /*#__PURE__*/_jsx(GestureHandlerRootView, {
+      style: drawerStyles.gestureRoot,
+      children: /*#__PURE__*/_jsxs(OverlayContentContext.Provider, {
+        value: overlayContentContextValue,
+        children: [Platform.select({
+          ios: hideStatusBar ? /*#__PURE__*/_jsx(StatusBar, {
+            animated: true,
+            hidden: true
+          }) : null,
+          default: null
+        }), /*#__PURE__*/_jsx(Overlay, {
+          onTouchStart: handleOverlayPress,
+          opacity: opacityAnimation,
+          style: styles == null ? void 0 : styles.overlay,
+          testID: "drawer-overlay"
+        }), /*#__PURE__*/_jsxs(Box, _extends({}, getContainerPanHandlers, {
+          animated: true
+          // close modal when user performs the "escape" accessibility gesture
+          // https://reactnative.dev/docs/accessibility#onaccessibilityescape-ios
+          ,
+          onAccessibilityEscape: handleClose,
+          pin: pin,
+          style: containerStyle,
+          width: isSideDrawer ? horizontalDrawerWidth : '100%',
+          children: [showHandleBarOutside && handleBar, /*#__PURE__*/_jsxs(Box, {
+            accessibilityLabel: accessibilityLabel,
+            accessibilityLabelledBy: accessibilityLabelledBy,
+            borderRadius: isSideDrawer ? 0 : 600,
+            bordered: theme.activeColorScheme === 'dark',
+            elevation: 2,
+            maxHeight: !isSideDrawer ? verticalDrawerMaxHeight : '100%',
+            style: drawerStyle,
+            children: [showHandleBarInside && handleBar, content]
+          })]
+        }))]
+      })
     })
   }));
 });

package/esm/overlays/drawer/useDrawerPanResponder.js

@@ -3,6 +3,9 @@ import { PanResponder, useWindowDimensions } from 'react-native';
 import { DISMISSAL_DRAG_THRESHOLD, DISMISSAL_VELOCITY_THRESHOLD, MAX_OVER_DRAG, MIN_PAN_DISTANCE } from '@coinbase/cds-common/animation/drawer';
 import { handleBarHeight, handleBarOffset, horizontalDrawerPercentageOfView, normalizeDrawerPanDistanceMultiplier, verticalDrawerPercentageOfView as defaultVerticalDrawerPercentageOfView } from '@coinbase/cds-common/tokens/drawer';
 import { modulate } from '@coinbase/cds-common/utils/modulate';
+
+/** Min dominant-axis travel before the drawer steals the gesture from children. */
+const DRAWER_GESTURE_CAPTURE_DISTANCE = 10;
 /** accumulated distance of the gesture - max over drag */
 const calculateDragOffset = x => {
   const newX = x / 100;
@@ -35,10 +38,12 @@ export const useDrawerPanResponder = _ref => {
       dx,
       dy
     } = _ref2;
-    if (pin === 'bottom') {
-      return dy > MIN_PAN_DISTANCE || dy < -MIN_PAN_DISTANCE;
+    // Only capture when dismiss-axis movement dominates, so cross-axis child
+    // gestures (e.g. horizontal chart scrubbing in a bottom tray) are not stolen.
+    if (pin === 'bottom' || pin === 'top') {
+      return Math.abs(dy) > DRAWER_GESTURE_CAPTURE_DISTANCE && Math.abs(dy) > Math.abs(dx);
     }
-    return dx > MIN_PAN_DISTANCE || dx < -MIN_PAN_DISTANCE;
+    return Math.abs(dx) > DRAWER_GESTURE_CAPTURE_DISTANCE && Math.abs(dx) > Math.abs(dy);
   }, [pin]);
   const shouldCaptureGestures = useCallback((_, state) => {
     if (disableCapturePanGestureToDismiss) {

package/esm/visualizations/chart/scrubber/ScrubberProvider.js

@@ -1,5 +1,5 @@
 import React, { useCallback, useMemo } from 'react';
-import { Platform } from 'react-native';
+import { Platform, View } from 'react-native';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import { runOnJS, useAnimatedReaction, useSharedValue } from 'react-native-reanimated';
 import { Haptics } from '../../../utils/haptics';
@@ -92,35 +92,43 @@ export const ScrubberProvider = _ref => {
       runOnJS(onScrubberPositionChange)(currentValue);
     }
   }, [onScrubberPositionChange]);
+  const longPressGesture = useMemo(() => {
+    const pan = Gesture.Pan().activateAfterLongPress(110).shouldCancelWhenOutside(!allowOverflowGestures);
 
-  // Create the long press pan gesture
-  const longPressGesture = useMemo(() => Gesture.Pan().activateAfterLongPress(110).shouldCancelWhenOutside(!allowOverflowGestures).onStart(function onStart(event) {
-    runOnJS(handleStartEndHaptics)();
+    // Fail on cross-axis movement so parent pan-to-dismiss can win.
+    if (categoryAxisIsX) {
+      pan.failOffsetY([-15, 15]);
+    } else {
+      pan.failOffsetX([-15, 15]);
+    }
+    return pan.onStart(function onStart(event) {
+      runOnJS(handleStartEndHaptics)();
 
-    // Android does not trigger onUpdate when the gesture starts. This achieves consistent behavior across both iOS and Android
-    if (Platform.OS === 'android') {
+      // Android does not trigger onUpdate when the gesture starts. This achieves consistent behavior across both iOS and Android
+      if (Platform.OS === 'android') {
+        const pointerPosition = categoryAxisIsX ? event.x : event.y;
+        const newScrubberPosition = getDataIndexFromPosition(pointerPosition);
+        if (newScrubberPosition !== scrubberPosition.value) {
+          scrubberPosition.value = newScrubberPosition;
+        }
+      }
+    }).onUpdate(function onUpdate(event) {
       const pointerPosition = categoryAxisIsX ? event.x : event.y;
       const newScrubberPosition = getDataIndexFromPosition(pointerPosition);
       if (newScrubberPosition !== scrubberPosition.value) {
         scrubberPosition.value = newScrubberPosition;
       }
-    }
-  }).onUpdate(function onUpdate(event) {
-    const pointerPosition = categoryAxisIsX ? event.x : event.y;
-    const newScrubberPosition = getDataIndexFromPosition(pointerPosition);
-    if (newScrubberPosition !== scrubberPosition.value) {
-      scrubberPosition.value = newScrubberPosition;
-    }
-  }).onEnd(function onEnd() {
-    if (enableScrubbing) {
-      runOnJS(handleStartEndHaptics)();
-      scrubberPosition.value = undefined;
-    }
-  }).onTouchesCancelled(function onTouchesCancelled() {
-    if (enableScrubbing) {
-      scrubberPosition.value = undefined;
-    }
-  }), [allowOverflowGestures, handleStartEndHaptics, getDataIndexFromPosition, categoryAxisIsX, scrubberPosition, enableScrubbing]);
+    }).onEnd(function onEnd() {
+      if (enableScrubbing) {
+        runOnJS(handleStartEndHaptics)();
+        scrubberPosition.value = undefined;
+      }
+    }).onTouchesCancelled(function onTouchesCancelled() {
+      if (enableScrubbing) {
+        scrubberPosition.value = undefined;
+      }
+    });
+  }, [allowOverflowGestures, handleStartEndHaptics, getDataIndexFromPosition, categoryAxisIsX, scrubberPosition, enableScrubbing]);
   const contextValue = useMemo(() => ({
     enableScrubbing: !!enableScrubbing,
     scrubberPosition
@@ -129,12 +137,15 @@ export const ScrubberProvider = _ref => {
     value: contextValue,
     children: children
   });
-
-  // Wrap with gesture handler only if scrubbing is enabled
   if (enableScrubbing) {
     return /*#__PURE__*/_jsx(GestureDetector, {
       gesture: longPressGesture,
-      children: content
+      children: /*#__PURE__*/_jsx(View, {
+        collapsable: false,
+        onMoveShouldSetResponder: () => true,
+        onStartShouldSetResponder: () => true,
+        children: content
+      })
     });
   }
   return content;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-mobile",
-  "version": "9.10.2",
+  "version": "9.10.4",
   "description": "Coinbase Design System - Mobile",
   "repository": {
     "type": "git",
@@ -218,9 +218,9 @@
     "react-native-worklets": "0.5.2"
   },
   "dependencies": {
-    "@coinbase/cds-common": "^9.10.2",
+    "@coinbase/cds-common": "^9.10.4",
     "@coinbase/cds-icons": "^5.21.0",
-    "@coinbase/cds-illustrations": "^4.45.0",
+    "@coinbase/cds-illustrations": "^4.46.0",
     "@coinbase/cds-lottie-files": "^3.3.4",
     "@coinbase/cds-utils": "^2.3.5",
     "@floating-ui/react-native": "^0.10.5",