patternfly-react icon indicating copy to clipboard operation
patternfly-react copied to clipboard

Bug - Pagination - page select toggle wraps

Open dlabrecq opened this issue 8 months ago • 3 comments

Discovered a couple issues with the latest PatternFly milestone packages in Cost Management.

  1. When including an aria label for pagination, an "items" label is output by default.
  2. The page select toggle is wrapping to the next line.

I noticed that the toggle button uses display=block, while the pagination example on patternfly.org uses display=inline-flex.

Screenshot 2024-06-03 at 11 13 14 AM

Wrapped pagination controls

Screenshot 2024-06-03 at 10 31 46 AM

Example

<Pagination
      itemCount={333}
      widgetId="bottom-example"
      perPage={perPage}
      page={page}
      variant={PaginationVariant.bottom}
      onSetPage={onSetPage}
      onPerPageSelect={onPerPageSelect}
      titles={
          {
            paginationAriaLabel: 'test' <<<
          }
        }
    />

dlabrecq avatar Jun 03 '24 15:06 dlabrecq