Task #99549
openModule "Web": Visibility of reset button in page tree filter
0%
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
Updated by Jasmina Ließmann over 1 year ago
- Category set to Backend User Interface
Updated by Jasmina Ließmann over 1 year ago
- File 230118_page-tree_search-button-reset.jpg 230118_page-tree_search-button-reset.jpg added
- Description updated (diff)
Updated by Jasmina Ließmann about 1 year ago
- Related to Bug #100110: pagetree filter cannot be cleared anymore in firefox added
Updated by Jasmina Ließmann about 1 year ago
- 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
Updated by Riccardo De Contardi 11 months ago
- Related to Bug #91887: Page-Tree filter does not indicate its state added
Updated by Riccardo De Contardi 11 months ago
- Related to Bug #89843: Reintroduce options.pageTree.hideFilter - BE users mistake filter for search box! added
Updated by Riccardo De Contardi 3 months ago
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)