Task #99549
closed
Module "Web": Visibility of reset button in page tree filter
Added by Jasmina Ließmann almost 2 years ago.
Updated about 1 month 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)
- 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.
- Status changed from New to Closed
Also available in: Atom
PDF
Updated by 
Updated by 
Updated by 