I'm struggling to style the items in a combo box when it's dropped down. Currently using vaadin-time-picker on Svelte, but my issue persists due to the combo box included.
Despite experimenting with CSS, I haven't had any success. My goal is to widen the dropdown box to accommodate the text. It's important to note that the width of the dropdown box needs to be larger than the input field.
Below is the code for my time-picker. Any assistance would be highly appreciated!
<vaadin-time-picker
style="--vaadin-combo-box-overlay-width: 350px"
use:action={startMaskRef}
on:blur={valueChanged}
placeholder="00:00"
disabled={readonly}
value={internalTimeRange.Start}
on:blur={valueChanged}
theme="custom" />
<div class="separator">-</div>
<vaadin-time-picker
use:action={startMaskRef}
on:blur={valueChanged}
placeholder="00:00"
disabled={readonly}
value={internalTimeRange.Start}
on:blur={valueChanged} />