Make WordPress Core

Opened 3 years ago

Last modified 4 months ago

#57176 new enhancement

Table pagination issue

Reported by: opajaap's profile opajaap Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 6.1.1
Component: General Keywords: needs-design-feedback close
Focuses: ui Cc:

Description

Example: the Users -> All Users admin page.

When there are many users, one might want to go to page 50 out of 100.
For this to do there is a page number input field in the pagination top display.
Entering a number has unfortunately no effect.

Over ten years i use wordpress and develop plugins on a dayly basis, but i never discovered the function of the enter key for this purpose.

I also did not suspect the Apply button to do it because going to a different page is not a bulk action.

So either i am very dumb or they are no obvious features.

My request is an enhancement request, to either add an onchange event handler to the page number input field or add some text (e.g. to the Help section) or title to the input field to point the users in the right direction.

Attachments (1)

Screenshot 2022-11-23 at 13.03.25.png (83.5 KB) - added by riccardodicurti 3 years ago.

Download all attachments as: .zip

Change History (5)

#1 @riccardodicurti
3 years ago

  • Focuses ui added
  • Keywords needs-design-feedback added

Hi @opajaap,
I have read your ticket.

After entering the number at the moment the 'enter' key must be pressed, or you can also use the arrows to go forward and back.

https://core.trac.wordpress.org/raw-attachment/ticket/57176/Screenshot%202022-11-23%20at%2013.03.25.png

I tested it by creating a second user and placing one user per page.

I don't know if in these cases it is possible to request support to evaluate the UX. In any case let me know if clicking enter works with a high number of users.

Last edited 3 years ago by riccardodicurti (previous) (diff)

#2 @opajaap
3 years ago

When you are on page 3, enter 12 in the edit field and press the fwd key you will go to page 4.
Instead, pressing the Apply key next to the Bulk action selectionbox will bring you to page 12.

#3 @riccardodicurti
3 years ago

Seems like correct behavior to me. The arrow goes forward one while the enter key or apply button sends you to the desired page.

#4 @callumbw95
4 months ago

  • Keywords close added

Hi Everyone,

Just to expand on @riccardodicurti's reply, I also see this as working correctly. I've tested this and can confirm the behavior described is the intended functionality for list table pagination in WordPress.

To clarify the design:

  • The arrow buttons ( and ) are for sequential navigation, moving one page forward or backward from the currently loaded page.
  • The input field is a shortcut to jump directly to a specific page. You must press the Enter key to confirm the action and load the new page.

The arrow buttons will not update based on the number in the input field until after Enter is pressed. This is the correct behavior, as it prevents the navigation state from changing while a user is still typing.

Given this is working as designed, I am suggesting we mark this ticket as worksforme, however for now I have added the close tag so others can put in their input before the ticket is closed. 😃

Note: See TracTickets for help on using tickets.