Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.Problem/Motivation
A single checkbox is rendered invisibly in a webform. Sets of checkboxes and radio buttons are fine.
Steps to reproduce
- Edit the default Sector contact form
- Add some checkboxes, including a single checkbox item
- The single checkbox won't appear, but the others will
It will look like this:
Proposed resolution
Update webform.scss to support single checkboxes.
Remaining tasks
- review
- merge
User interface changes
API changes
Data model changes
| Comment | File | Size | Author |
|---|---|---|---|
| #6 | 3232290.patch | 7.12 KB | danielveza |
| #2 | sector-radix-subtheme-single-checkbox-fixed.png | 11.55 KB | xurizaemon |
| #2 | sector-3232290-webform-single-checkbox.diff | 6.89 KB | xurizaemon |
| sector-radix-starter-single-checkbox.png | 12.66 KB | xurizaemon |
Comments
Comment #2
xurizaemonNot sure this is exactly what you'd have done, but this makes the single checkbox work!
It looks a bit funky 'cos I reversed the order in order to be able to target single checkbox first then set border-radius on the radios; single checkbox doesn't have a .form-item's parent class to target as the others do.
And: radios & checkboxes work still :)
Comment #3
xurizaemonThis affects 9.1.x also, and can be backported. I expect the patch applies there too as webform.scss wasn't changed recently.
Comment #5
danielvezaTY! Our front ender @gareth.poole put together a patch that looks very similar!
Comment #6
danielvezaComment #7
danielvezaComment #9
danielvezaThanks all!