ElemeFE / ElemeFE/element-react

Pagination: quick next button is wrongly positioned

Open
#1,102 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2.8k
Forks
435
PR merge metrics
No merged PRs in 30d

Description

### Description

If you have more than 7 pages per documentation, it shows quick next and quick prev buttons in the pager. But their positioning is not correct.

### Reproduce Steps

1. Add pages more than 7. I have checked for 10 or higher.
2. click on quicknext button and then move to (n-3) page by clicking on next page number one by one.

Check the screen recording below, it breaks at 18th second when the `...` button shows between page 10 & 11.

https://user-images.githubusercontent.com/84370073/127151797-90bc4326-6c04-4f46-bef8-be7ce076b331.mov

This is also reproducible in the example of the component on https://elemefe.github.io/element-react/#/en-US/pagination

https://user-images.githubusercontent.com/84370073/127152930-c00ad061-fdb1-424a-8713-6676842c70d3.mov

### Solution

If possible to add boolean prop whether to show quicknext & quickprev buttons or an integer prop to set the minimum number of pages that should be present for the `...` button to appear in the pager

### Additional Information
I'm using the following versions
element-react: 1.4.34,
element-theme-default: 1.4.13
I have created the app in React with react version 16.13.1

I hope this information helps. Please let me know if I need to provide any more information on this

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.