diff --git a/src/uix/eidos/components/combobox/combobox.css b/src/uix/eidos/components/combobox/combobox.css index 44ac3e9a8..188e15084 100644 --- a/src/uix/eidos/components/combobox/combobox.css +++ b/src/uix/eidos/components/combobox/combobox.css @@ -493,16 +493,18 @@ } } -/* SelectedTags — inline chip strip inside the Control for multi mode. - * Hidden when empty so the control collapses back to plain input chrome. */ +/* SelectedTags — logical group for the chip strip. Uses + * `display: contents` so each chip becomes a direct flex child of + * `` instead of being nested in its own row. This + * lets the input flow on the same wrapped row as the last chip + * (Material UI Autocomplete behaviour) rather than always dropping + * to a fresh row below the whole tag block. */ [data-combobox-selected-tags] { - display: inline-flex; - align-items: center; - flex-wrap: wrap; - gap: var(--space-1-5); - min-inline-size: 0; + display: contents; } +/* Empty state — element stays in DOM (so `:has(...:not([data-empty]))` + * still works for layout siblings) but no children render. */ [data-combobox-selected-tags][data-empty] { display: none; }