Web: Prevent Background Scroll when Minimizing with Grabber

[isaacsultan]

Hello, I'm unable to minimize the action sheet on iOS Safari, when dragging down on the grabber/header. When I drag, the whole page is scrolled.

This is how I instantiate ActionSheet

import React from 'react';
import ActionSheet, { ActionSheetProps } from 'react-native-actions-sheet';

const Sheet = ({ children, ...restProps }: ActionSheetProps) => {
  return (
    <ActionSheet
        gestureEnabled={true}
        headerAlwaysVisible
        backgroundInteractionEnabled={false}
        {...restProps}
      >
        {children}
      </ActionSheet>
  );
};
export default Sheet; 

Here's a video of the behaviour:
https://github.com/user-attachments/assets/a13376f0-8d5b-4d45-b84d-4f3f209b7066

Scroll gesture and position: