keystatic icon indicating copy to clipboard operation
keystatic copied to clipboard

feature-requet: ux - field `multiselect` - allow to use combobox as input control

Open tresorama opened this issue 3 months ago • 1 comments

Current

Now the field automatically render a radio group

Image

Proposal

Allow to choose radio or combobox

Radio
Same as above.

Combobox
Same as relationship field.

Image

tresorama avatar Sep 18 '25 14:09 tresorama

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.

Image

// 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;
  }

}

tresorama avatar Sep 21 '25 16:09 tresorama