Task #99549
closed
Module "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 almost 2 years ago
- Category set to Backend User Interface
Updated by Jasmina Ließmann almost 2 years 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 over 1 year ago
- Related to Bug #100110: pagetree filter cannot be cleared anymore in firefox added
Updated by Jasmina Ließmann over 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 over 1 year ago
- Related to Bug #91887: Page-Tree filter does not indicate its state added
Updated by Riccardo De Contardi over 1 year ago
- Related to Bug #89843: Reintroduce options.pageTree.hideFilter - BE users mistake filter for search box! added
Updated by Riccardo De Contardi 9 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)
Updated by Markus Timtner 4 months ago
· Edited
- Tags set to Firefox
- Complexity set to nightmare
TL,DR: This is a browser issue:
Firfox already HAS the Feature, bu it is still marked as experimental and is not enabled by default.
To enable it, go to about:config and set layout.forms.input-type-search.enabled
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Experimental_features#layout_for_input_typesearch
OK I digged into the issue and even though it could be done, it will arise a whole other set of problems ( styling, cross-brwoser compatibility, functionality )
f.i. page tree didn't reload properly anymore, etc.
So, lets hope that firefox enables this by default, and set the setting to true.
Updated by Jasmina Ließmann about 1 month ago
- Status changed from New to Closed