Skip to content
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

[BUG] - The Pagination cannot respond to scrolling when overflow #4275

Open
AnYiEE opened this issue Dec 8, 2024 · 1 comment
Open

[BUG] - The Pagination cannot respond to scrolling when overflow #4275

AnYiEE opened this issue Dec 8, 2024 · 1 comment

Comments

@AnYiEE
Copy link
Contributor

AnYiEE commented Dec 8, 2024

NextUI Version

2.6.4

Describe the bug

On mobile devices, when the Pagination component exceeds the container width, it cannot be scrolled either by dragging on the button or on the padding, despite having a hidden scrollbar.

Your Example Website or App

https://nextui.org/docs/components/pagination

Steps to Reproduce the Bug or Issue

  1. Simulate a mobile device using the console and adjust the width to 300.
  2. Drag to scroll any Pagination component

Expected behavior

By dragging on the button, users can normally scroll to the part that exceeds the width.

Now, by changing the padding of the nav element from p-2.5 to py-8, you can drag on the padding, but it is expected to be draggable on the button.

Screenshots or Videos

No response

Operating System Version

Windows

Browser

Chrome

Copy link

linear bot commented Dec 8, 2024

AnYiEE added a commit to AnYiEE/touhou-mystia-izakaya-assistant that referenced this issue Dec 9, 2024
Temporarily remove the `showControls` property of `Pagination` components
until heroui-inc/heroui#4275 is resolved.
AnYiEE added a commit to AnYiEE/touhou-mystia-izakaya-assistant that referenced this issue Dec 9, 2024
Temporarily remove the `showControls` property of `Pagination` components
until heroui-inc/heroui#4275 is resolved.
AnYiEE added a commit to AnYiEE/touhou-mystia-izakaya-assistant that referenced this issue Dec 9, 2024
Temporarily remove the `showControls` property of `Pagination` components
until heroui-inc/heroui#4275 is resolved.
AnYiEE added a commit to AnYiEE/touhou-mystia-izakaya-assistant that referenced this issue Dec 9, 2024
Temporarily remove the `showControls` property of `Pagination` components
until heroui-inc/heroui#4275 is resolved.
AnYiEE added a commit to AnYiEE/touhou-mystia-izakaya-assistant that referenced this issue Dec 9, 2024
Temporarily remove the `showControls` property of `Pagination` components
until heroui-inc/heroui#4275 is resolved.
AnYiEE added a commit to AnYiEE/touhou-mystia-izakaya-assistant that referenced this issue Dec 10, 2024
Temporarily remove the `showControls` property of `Pagination` components
until heroui-inc/heroui#4275 is resolved.
AnYiEE added a commit to AnYiEE/touhou-mystia-izakaya-assistant that referenced this issue Dec 10, 2024
Temporarily remove the `showControls` property of `Pagination` components
until heroui-inc/heroui#4275 is resolved.
AnYiEE added a commit to AnYiEE/touhou-mystia-izakaya-assistant that referenced this issue Dec 10, 2024
Temporarily remove the `showControls` property of `Pagination` components
until heroui-inc/heroui#4275 is resolved.
AnYiEE added a commit to AnYiEE/touhou-mystia-izakaya-assistant that referenced this issue Dec 10, 2024
Temporarily remove the `showControls` property of `Pagination` components
until heroui-inc/heroui#4275 is resolved.
AnYiEE added a commit to AnYiEE/touhou-mystia-izakaya-assistant that referenced this issue Dec 11, 2024
Temporarily remove the `showControls` property of `Pagination` components
until heroui-inc/heroui#4275 is resolved.
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

1 participant