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]: Pagination hides a single page behind an ellipsis #970

Closed
Ingramz opened this issue May 27, 2024 · 0 comments · Fixed by #1024
Closed

[Bug]: Pagination hides a single page behind an ellipsis #970

Ingramz opened this issue May 27, 2024 · 0 comments · Fixed by #1024
Assignees
Labels
bug Something isn't working

Comments

@Ingramz
Copy link

Ingramz commented May 27, 2024

Environment

Developement/Production OS: Windows 10 19043.1110
Node version: 16.0.0
Package manager: pnpm@8.6.0
Radix Vue version: 1.0.0
Vue version: 3.0.0
Nuxt version: 3.0.0
Nuxt mode: universal
Nuxt target: server
CSS framework: tailwindcss@3.3.3
Client OS: Windows 10 19043.1110
Browser: Chrome 90.0.4430.212

Link to minimal reproduction

https://stackblitz.com/edit/xbu9yg?file=src%2FApp.vue

Steps to reproduce

PaginationRoot settings: <PaginationRoot :total="90" :sibling-count="2" show-edges>

Navigate between pages to notice the behavior.

Describe the bug

In the example, pages 2 and 8 depending on proximity to current page get replaced with ellipsis (...) which could be always shown as page numbers since the ellipsis in this case do not conserve any space.

Expected behavior

Show the page number instead of ellipsis if it replaces only a single page number.

Context & Screenshots (if applicable)

image

image

image

@Ingramz Ingramz added the bug Something isn't working label May 27, 2024
@epr3 epr3 self-assigned this Jun 22, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants