patternfly-react
patternfly-react copied to clipboard
Bug - Pagination - page select toggle wraps
Discovered a couple issues with the latest PatternFly milestone packages in Cost Management.
- When including an aria label for pagination, an "items" label is output by default.
- 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' <<<
}
}
/>