message: Yet another attempt to fix iPhone compare scrolling
diff: @@ -183,7 +183,8 @@ export default function Sheet({
  useGlobalEscapeKey(handleClose);
  // This handles all drag interaction. The callback is called without re-render.
  - const bindDrag = useDrag(({ event, active, movement, velocity, last, cancel }) => {
  + const bindDrag = useDrag(
  + ({ event, active, movement, velocity, last, cancel }) => {
  event?.stopPropagation();
  // If we haven't enabled dragging, cancel the gesture
  @@ -198,10 +199,15 @@ export default function Sheet({
  // Detect if the gesture ended with a high velocity, or with the sheet more than
  // dismissAmount percent of the way down - if so, consider it a close gesture.
  - if (last && (movement[1] > (height() || 0) * dismissAmount || velocity[1] > dismissVelocity)) {
  + if (
  + last &&
  + (movement[1] > (height() || 0) * dismissAmount || velocity[1] > dismissVelocity)
  + ) {
  handleClose(undefined, true);
  }
  - });
  + },
  + { preventScroll: false }
  + );
  // Determine when to drag. Drags if the touch falls in the header, or if the contents
  // are scrolled all the way to the top.
  @@ -230,7 +236,7 @@ export default function Sheet({
  <PressTipRoot.Provider value={sheet}>
  <animated.div
  {...bindDrag()}
  - style={{ ...springProps, touchAction: 'none', zIndex }}
  + style={{ ...springProps, touchAction: 'pan-x', zIndex }}
  className={clsx('sheet', sheetClassName, { [styles.sheetDisabled]: disabled })}
  ref={sheet}
  role="dialog"
  