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

Design for pagination number input #5546

Open
4 tasks
designertyler opened this issue Mar 5, 2020 · 2 comments
Open
4 tasks

Design for pagination number input #5546

designertyler opened this issue Mar 5, 2020 · 2 comments
Labels
afrohacks See https://ibm.biz/afrohacks-hackathon component: number-input component: pagination hacktoberfest See https://hacktoberfest.com/ proposal: accepted This request has gone through triaging and we are accepting PR's against it. role: design ✏️ type: enhancement 💡

Comments

@designertyler
Copy link
Contributor

Summary

A large number of total items in the pagination select causes problems described in #5129 and #4365

Without alternative designs, a proposed workaround is to remove the ability to select a page or limit the height of the select window #5485

Desired UX and success metrics

Create designs that allow the user to navigate to a specific page without incrementally clicking the forward and back pagination nav arrow.

Considerations:

  • Error message
  • Always require a value
  • The behavior when the number entered is greater than the number of pages (Reset to the highest page?)
  • What other components have this type of input inside a toolbar or component? What needs to be established for this type of pattern?

Exploration

Number input specs that are similar to the mobile ipnut component.
image

@aagonzales
Copy link
Member

aagonzales commented Mar 13, 2020

Next steps:

  • define dynamic solution
  • determine at what number range should a number input be used vs select
  • create spec
    • is it just an input or does it have the number input controls.
  • write usage guidelines
@joshblack joshblack mentioned this issue Mar 31, 2020
79 tasks
@joshblack joshblack added proposal: accepted This request has gone through triaging and we are accepting PR's against it. and removed proposal: open This request has gone through triaging. We're determining whether we take this on or not. labels Apr 24, 2020
@tw15egan tw15egan added hacktoberfest See https://hacktoberfest.com/ and removed hacktoberfest See https://hacktoberfest.com/ labels Sep 29, 2020
@tusharcoepit
Copy link

Team, do we have any timeline by when number input support will be available ? Is using unstable_Pagination the only option till then ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
afrohacks See https://ibm.biz/afrohacks-hackathon component: number-input component: pagination hacktoberfest See https://hacktoberfest.com/ proposal: accepted This request has gone through triaging and we are accepting PR's against it. role: design ✏️ type: enhancement 💡
7 participants