Scrollable Checkbox

[GatsbyFitz]

Hello!

I was wondering if there was a way to make this javascript scrollable as the resulting list of items is very long.

const searchRetailer4 = view(Inputs.checkbox(data.map((d) => d['geography_distributors']).sort(), {
  unique: true,
  label: "Service",
  value: data.map((d) => d['geography_distributors']),
  format: (x) =>
      html`<span style="
            text-transform: capitalize;
            border-bottom: solid 2px ${x};
            margin-bottom: -2px;
          ">${x}</span>`
}))

I have tried changing it to html as seen below, but then I am not sure how to assign the array to a variable!

<div style="overflow-y: auto; max-height: 100px;">
${display(view(Inputs.checkbox(data.map((d) => d['geography_distributors']).sort(), {
  unique: true,
  label: "Service",
  value: data.map((d) => d['geography_distributors']),
  format: (x) =>
      html`<span style="
            text-transform: capitalize;
            border-bottom: solid 2px ${x};
            margin-bottom: -2px;
          ">${x}</span>`
})))}
</div>

Any suggestions?

Thank you in advance.

[GatsbyFitz]

You place ${SearchRetailer4} inside the html with an input generator!