fix(combobox): pin clear+trigger to first row, not vertical center

With many chips wrapping into 3+ rows, the previous `top: 50%` +
translateY centered the clear/trigger pair at the midpoint of the
whole stack — visually below the first row of chips. Pin to
`top: var(--space-1)` instead so they sit flush with the first chip
row no matter how many additional rows of chips wrap below.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
active-uix
dev 5 months ago
parent 64bbe9b158
commit 87e3d68f86

@ -526,8 +526,12 @@
[data-combobox-control]:has([data-combobox-selected-tags]:not([data-empty])) [data-combobox-control]:has([data-combobox-selected-tags]:not([data-empty]))
[data-combobox-trigger] { [data-combobox-trigger] {
position: absolute; position: absolute;
inset-block-start: 50%; /* Pin to the FIRST row of the wrapped control so the affordances stay
transform: translateY(-50%); * aligned with the input + chip row even when many chips wrap into
* extra rows below. `padding-block` (var(--space-1)) is the control's
* top offset; matching that here keeps the buttons flush with the
* first chip / input row. */
inset-block-start: var(--space-1);
} }
[data-combobox-control]:has([data-combobox-selected-tags]:not([data-empty])) [data-combobox-control]:has([data-combobox-selected-tags]:not([data-empty]))

Loading…
Cancel
Save

Powered by TurnKey Linux.