[Facets 3] Render using theme input and select instead of lists with links for checkboxes and dropdown

Open on Drupal.org →

Created on 20 August 2025, 3 days ago

Same as 🐛 Render using theme input and select instead of lists with links for checkboxes and dropdown Needs review , but with an MR for Facets 3. Rebasing an old issue MR can be complicated (it requires godlike Git skills → ) and may cause an issue to stall.

Problem/Motivation

Currently the facets are always rendered as lists with links, which are rewritten by javascript to form elements.
A few issues arise:

In some themes javascript is loaded from the footer, some flickering may arise.
Slight lag ofcourse because javascript has to do it's thing to enable checkboxes and dropdowns
Styling issues, because the form elements are not rendered by the theme functions of these elements, the html is different and it has to be styled and fixed seperately. For a lot of frontenders this could be found annoying.

What did I do?

Rewritten the DropdownWidget and CheckboxWidget to render the elements serverside using the theme functions for select and checkbox (input__checkbox).
Rewritten the javascript just to trigger on change events for checkboxes and facets.
Also fixed that theme suggestions are correctly added for the available widget types.
Added a twig file for checkboxes, because for this element we do not need the (-) element anymore when it is active.

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

🐛 Bug report

Status

Active

Version

3.0

Component

Code

Created by

🇩🇰Denmark ressa Copenhagen

Live updates comments and jobs are added and updated live.

Accessibility
It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.

Sign in to follow issues

Merge Requests

!319[Facets 3] Render using theme input and select instead of lists with links for checkboxes and dropdown
Open
🇩🇰Denmark ressa
updated 3 days ago

Comments & Activities

Issue created by @ressa
Merge request !319Add Facets 3 patch from [#2937191-95] → (Open) created by ressa
Pipeline finished with Failed
3 days ago
Total: 654s
#577269
Comment 3 days ago →
🇩🇰Denmark ressa Copenhagen
Adding remaining task from parent issue 🐛 Render using theme input and select instead of lists with links for checkboxes and dropdown Needs review .
Comment 3 days ago →
🇩🇰Denmark ressa Copenhagen
Setting to "Needs work" since taxonomy hierarchy display needs to be fixed. Feel free to add more tasks :)

Also, adding a new primary reason to implement this:

A few issues arise:

Bots are increasingly aggressively following any links, causing DDOS-like situations, due to heavy traffic. Switching from links to checkboxes may prevent this (added Aug 2025).
Comment 2 days ago →
🇩🇰Denmark ressa Copenhagen
Hold on, I just now checked in Facets 3, and with "Checkboxes/Radio Buttons" selected under "Exposed form > Exposed form style > Better Exposed Filters" in the View, the facets are output as actual checkboxes, not links.

So it seems like this task is already fixed in Facets 3, and can be closed?

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024