Sheet not closing on mobile

[Knaackee]

At first, thanks for the great work!

I am unable to “swipe to close” the sheet on mobile while using the <Scroller/>.
Without the scroller, it works. It works on the drag indicator but not on the content area.

<Sheet
    isOpen={state.isOpen}
    onClose={() => onClose()}
  >
  <Sheet.Container>
    <Sheet.Header />
    <Sheet.Content>
      <Sheet.Scroller>
        <div className="h-64">Hello</div>
      </Sheet.Scroller>
    </Sheet.Content>
  </Sheet.Container>
  <Sheet.Backdrop
    onTap={() => {
      onClose();
    }}
  />
</Sheet>

Any idea?

[CodeXiD]

same problem, any news on this issue?

[CodeXiD]

Hello everyone, I encountered the same problem, in my case I removed the Header, and wanted to make my own, but on mobile I encountered a problem that the panel did not collapse, but only jumped slightly from top to bottom. The solution turned out to be quite simple, I added the draggable={false} attribute to my own Header (which is not located at the top of the hierarchy), and everything began to work as expected

[Knaackee]

same problem, any news on this issue?

Not really. I did a workaround

[CodeXiD]

same problem, any news on this issue?

Not really. I did a workaround

Share your solution?

[mirandanc]

Still having the same problem.

[Temzasse]

Hi @Knaackee 👋

The Scroller component works so that it enables the drag gestures only when the scroller is either at the top or at the bottom. If the user is scrolling the content the sheet body is not draggable as there is really no way to distinguish between scrolling and dragging.

Is the problem that the sheet is not draggable at the top/bottom positions? That would be a bug.

Does this example demo work for you? At least on my iPhone it works nicely: sheet is dragged down from body area when the sheet is not scrolled and when the sheet scroller is scrolled all the way to bottom the sheet can be dragged upwards.

[gremcha]

Hello @Temzasse

I've also encountered this issue. Your demonstrative example doesn't work on Android mobile devices. I tested it on Chrome and Firefox browsers.

I can also reproduce this problem on a computer in the Chrome browser. Under normal conditions, the modal window behaves correctly, but when I switch to a mobile device, it stops closing.

[BetBit]

Hello!
This issue is only related to Android; everything works correctly on iOS.