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

Bug - [ToolbarFilter] - [the "clear all filters" button is not on the same row as filter labels]

Open Fewwy opened this issue 6 months ago • 2 comments

Describe the problem A clear and concise description of the problem. Which components are affected? https://www.patternfly.org/components/toolbar Toolbar component How do you reproduce the problem? Provide steps to reproduce. A codesandbox demonstrating the problem is appreciated.

When the filters from ToolbarFilter are created and added to the toolbar, they automatically create "Clear all filters" button. This button is pushed down below the filter labels. It should be on the same row.

The documentation show this issue https://www.patternfly.org/components/toolbar#with-custom-label-group-content

Expected behavior Clear all filters button is on the same row as filter labels

Is this issue blocking you? I have a UI I am working on, and it's a requirement in my UX mocks.

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

Image

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?

Fewwy avatar Aug 29 '25 12:08 Fewwy

Thanks for the issue @Fewwy. This was an intentional change for v6, but we've had enough feedback about that we'll prioritize a fix for it in our next release. For reference, here is another issue reporting the same problem - https://github.com/patternfly/patternfly/issues/7348

mcoker avatar Oct 09 '25 15:10 mcoker

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

github-actions[bot] avatar Dec 12 '25 11:12 github-actions[bot]