Source code
Revision control
Copy as Markdown
Other Tools
.customizable-combobox-input {
anchor-name: --input;
border: 1px solid;
width: 150px;
height: 1lh;
}
.customizable-combobox-datalist {
position-anchor: --input;
position: fixed;
width: fit-content;
height: fit-content;
box-sizing: border-box;
border: 1px solid;
padding: 0;
color: CanvasText;
background-color: Canvas;
margin: 0;
inset: auto;
min-inline-size: anchor-size(self-inline);
min-block-size: 1lh;
max-block-size: stretch;
overflow: auto;
position-area: block-end span-inline-end;
position-try-order: most-block-size;
position-try-fallbacks:
block-start span-inline-end,
block-end span-inline-start,
block-start span-inline-start;
}
.customizable-combobox-option {
min-inline-size: 24px;
min-block-size: max(24px, 1lh);
padding-inline: 0.5em;
padding-block-end: 0;
display: flex;
align-items: center;
gap: 0.5em;
white-space: nowrap;
}
.active-option {
outline: black auto 1px;
}