keystatic
keystatic copied to clipboard
feature-requet: ux - field `multiselect` - allow to use combobox as input control
Current
Now the field automatically render a radio group
Proposal
Allow to choose radio or combobox
Radio
Same as above.
Combobox
Same as relationship field.
Temp Fix
This doesn't add the requested feature (combobox), but reduce the real estate of radio groups by using multi column grid.
Not tested on mobile, only desktop.
// component - edit collection item - field.multiselect
div[role=group][aria-labelledby]:has(>span:nth-child(1)):has(>label[data-disabled]) {
// wrapper
& {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
gap: 0;
}
// form field label
&>span:nth-child(1) {
grid-column: 1/-1;
padding-bottom: 0.5rem;
}
}