Bug - Pagination - page select toggle wraps

[dlabrecq]

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.

Wrapped pagination controls

Example

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

[tlabaj]

Hello Dan. I was unable to reproduce either issue. The wrapping issue was resolve in core PR patternfly/patternfly#6586

When I add the aria label as you demonstrate above, it gets applied correctly.

[dlabrecq]

Regarding the aria-label, we're expecting to see "1-31 of 31", but "1-31 of 31 items" is output whenever paginationAriaLabel is in use.

Note that we do not add the "items" label ourselves. The only workaround is to provide an empty string to as shown below.

titles={
  {
    items="" <<<
    paginationAriaLabel: 'test'
  }
}

[tlabaj]

@dlabrecq Thanks for the info. I will take another look.