search

ElemeFE / element-react

Element UI
https://elemefe.github.io/element-react/index
MIT License
2.83k stars 444 forks source link

Pagination: quick next button is wrongly positioned #1102

Open chiragA17 opened 2 years ago

chiragA17 commented 2 years ago

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