Skip to content

[BUG] - Draggable modal is not scrollable on mobile #5280

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
cini9 opened this issue May 8, 2025 · 4 comments
Open

[BUG] - Draggable modal is not scrollable on mobile #5280

cini9 opened this issue May 8, 2025 · 4 comments
Assignees

Comments

@cini9
Copy link

cini9 commented May 8, 2025

HeroUI Version

@heroui/modal: 2.2.13

Describe the bug

When the modal is setup to be draggable (link), the modal content is no longer scrollable to mobile devices. The drag and scroll works on desktop, but the scroll functionality is lost on mobile browsers.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

As this issue only happens on mobile devices (as far as I've tested so far), I don't really know how you can reproduce the bug.

The modal body content is too small on the draggable example (link) to be testable on mobile devices as the scroll is never required.

Expected behavior

As a user, if the modal is draggable, I expect to be able to scroll in the modal body if the content overflows.

Screenshots or Videos

No response

Operating System Version

macOS 13.6.9 (Ventura)

Browser

Chrome

Copy link

linear bot commented May 8, 2025

@Vishvsalvi
Copy link
Contributor

Vishvsalvi commented May 12, 2025

Screenshot_20250512_160745_Chrome.jpg

@wingkwong If the issue remains unresolved, I am willing to attempt a fix.

@aryadaulat
Copy link

same with me , running on documentation , but not work on me , on version
2.8.0-beta.5

@Vishvsalvi
Copy link
Contributor

@aryadaulat working on the fix

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants