Task #99549
open
Module "Web": Visibility of reset button in page tree filter
Added by Jasmina Ließmann over 1 year ago.
Updated 5 months ago.
Description
In the module "Web" you can filter the page tree entries using the search function in the page tree toolbar. The button to reset the filter is located inside the search input field and is only visible when you hover it or click in the search input field.
If the user leaves the input field and e.g. edits a page or content, it is difficult to see where the search filter can be reset.
Suggested solution:
Always show the button to reset the filter when the filter is active, not just on hover or onclick.
Note:
Tested on Linux with Firefox the reset button isn't shown at all.
Files
- Category set to Backend User Interface
- Tracker changed from Bug to Task
- Related to Bug #100110: pagetree filter cannot be cleared anymore in firefox added
- Subject changed from Module "Web": Visibility of the reset button in the page tree filter to Module "Web": Visibility of reset button in page tree filter
- Category changed from Backend User Interface to Pagetree
- Related to Bug #91887: Page-Tree filter does not indicate its state added
- Related to Bug #89843: Reintroduce options.pageTree.hideFilter - BE users mistake filter for search box! added
This issue affects TYPO3 11, 12 and 13.
I put here the description of the (closed) issue #100110 to keep track of it,as it contains useful information (thanks to Markus Timtner for the findings)
It seems that since changing the input of the pagetree filter to [type=search],
firefox has no working button to clear the filter anymore.
This is browser-related, according to this SO issue here: https://stackoverflow.com/a/37846330/214500
"Webkit derived browsers put in an x to clear a value. Firefox does not. However firefox supports this feature, but it does nothing about it and you need to style it your self to show the X button in firefox."
The solution isto add a button[type=reset] to the input fields and style them accordingly:
https://codepen.io/mtness/pen/MWqvNJx
(original thread here: https://typo3.slack.com/archives/C03AM9R17/p1678191516607429)
Also available in: Atom
PDF
Updated by 
Updated by 