ElemeFE / ElemeFE/element-react
Pagination: quick next button is wrongly positioned
- 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
Assessment
This issue has not been assessed yet.