ComboboxViewport
Source: client/lib/theme/vueda-tailwind/controls/index.js
The scrollable region inside ComboboxList.root that wraps the result groups. Caps at 300px tall before the viewport begins to scroll;
scroll-py-1keeps a hairline of breathing room above the first and below the last visible row so a focused item never crashes into the viewport edge.
Vue component: ComboboxViewport
| Slot | Default classes | Description |
|---|---|---|
| root | max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto | The scrollable region inside ComboboxList.root that wraps the result groups. Caps at 300px tall before the viewport begins to scroll; scroll-py-1 keeps a hairline of breathing room above the first and below the last visible row so a focused item never crashes into the viewport edge. |
root
The scrollable region inside ComboboxList.root that wraps the result groups. Caps at 300px tall before the viewport begins to scroll;
scroll-py-1keeps a hairline of breathing room above the first and below the last visible row so a focused item never crashes into the viewport edge.
Default classes:
max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto
Source: client/lib/theme/vueda-tailwind/controls/ComboboxViewport.theme.js:16