Skip to content

Bug - Pagination - tab order of compact actions doesn't match visual order #1381

@thatblindgeye

Description

@thatblindgeye

Describe the problem
This is an issue with

  • Patternfly 5
  • Patternfly 6
  • other

Please give a clear and concise description of the problem. Which components are affected?
Followup to comment chain patternfly/patternfly#6607 (comment)

We need to update how the markup is rendered so that the tab order matches the visual order when the pagination nav is compact and rendered visually as [previous page button] [menu toggle] [next page button]. Currently Tabbing results in a tab order of menu toggle > previous page button > next page button.

How do you reproduce the problem?
Provide steps to reproduce. A codepen or codesandbox demonstrating the problem is appreciated.

Expected behavior
A clear and concise description of the expected behavior.

Is this issue blocking you?
List the workaround if there is one.

Screenshots
If applicable, add screenshots to help explain the issue.

What is your environment?

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

What is your product and what release date are you targeting?

Any other information?

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    Not started

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions