Filter - Dropdown Menu - Uncheck all by default

[sgamble]

Hi,

There was a post back in 2018 about the dropdown menu on filters when loading to have all the checkboxes unchecked rather than checked by default:

Filter by Value bug and UX flaw

Hi there, I’ve came across a potential bug and UX flaw in HOT filters. Bug: Filter by Value only works if you 1) deselect your filters 2) filter by value 3) select your filtered results, but not if you swap steps 1 & 2. This is a potential bug. UX flaw: Users are trying to simply type a value into Filter by Value input and hit Apply, which would be preferred UX, but nothing happens instead, which makes the users assume the feature is not working completely. For the end user, the feature simp…

This is what I was looking to do, but also i am trying to amend this so that if you selected an item to filter on then when you go back to it then this item to be checked rather than it running the clear all function that was shown in your example on the above link.

Do you have any examples or can point me in the right direction?

Many thanks

Steve

[aleksandra_budnik]

Hi @sgamble

Unfortunately, there have been no changes in the subject since then. However, the trick with unchecking all checkboxes still works in the latest version https://jsfiddle.net/y93r4njd/1/ (v13.1.0). We did not alter the demo to work with a selected checkbox, but I can imagine that adding a condition to run the hook or not would work. Maybe something like this https://jsfiddle.net/y93r4njd/2/

[sgamble]

Aleksandra!

Thats great - thanks for your quick feedback on this. The demo seems to do what I was looking to do, so I will have a go at implementing this and get back to you if I need further help.

Thank you and have a great day!

Steve

[aleksandra_budnik]

You’re more than welcome, @sgamble

[sgamble]

Aleksandra,

So its nearly working and the issue I now have is currently showing up on your simple demo too.

I have filtered by 1 item and that works, i go back to it and this one is selected still, which is what I wanted. If I deselect it and then select all by clicking the Select All. I get a console error of Uncaught TypeError: Cannot read properties of undefined (reading ‘column’). and the drowndown menu doesnt close?

Regards

Steve

[aleksandra_budnik]

Ah yes, I see. It’s cause the selectAll removes the condition stack. I added the condition to the afterFilter https://jsfiddle.net/nj36sexa/

ps. as this is a custom solution I am not sure if it will work 100% for all the cases.