When hovering over the info icon to view a model's description in the model selector, the tooltip appears above the element (placement="top") and gets clipped at the top of the viewport when the model is near the top of the dropdown list.
Expected Behavior
The tooltip should auto-position to remain fully visible within the viewport - either by:
Defaulting to placement="bottom" for model descriptions, or
Enabling Tippy.js's flip modifier to auto-detect available space
Current Behavior
The tooltip always renders above the icon regardless of available viewport space, causing long descriptions to be cut off at the top of the screen.
Add placement or tippyOptions to enable viewport-aware positioning:
<Tooltipcontent={...}placement="bottom">
Or for auto-positioning:
<Tooltipcontent={...}tippyOptions={{flip: true}}>
Environment
Open WebUI version: latest (pip/conda install)
Browser: Safari/Chrome on macOS
Originally created by @thekirkulees on GitHub (Feb 1, 2026).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/21088
## Description
When hovering over the info icon to view a model's description in the model selector, the tooltip appears above the element (placement="top") and gets clipped at the top of the viewport when the model is near the top of the dropdown list.
## Expected Behavior
The tooltip should auto-position to remain fully visible within the viewport - either by:
1. Defaulting to `placement="bottom"` for model descriptions, or
2. Enabling Tippy.js's flip modifier to auto-detect available space
## Current Behavior
The tooltip always renders above the icon regardless of available viewport space, causing long descriptions to be cut off at the top of the screen.
## Location
`src/lib/components/chat/ModelSelector/ModelItem.svelte`
Current code:
```svelte
<Tooltip
content={`${marked.parse(
sanitizeResponseContent(item.model?.info?.meta?.description)
.replaceAll('\n', '<br>')
)}`}
>
```
## Suggested Fix
Add placement or tippyOptions to enable viewport-aware positioning:
```svelte
<Tooltip
content={...}
placement="bottom"
>
```
Or for auto-positioning:
```svelte
<Tooltip
content={...}
tippyOptions={{ flip: true }}
>
```
## Environment
- Open WebUI version: latest (pip/conda install)
- Browser: Safari/Chrome on macOS
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Originally created by @thekirkulees on GitHub (Feb 1, 2026).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/21088
Description
When hovering over the info icon to view a model's description in the model selector, the tooltip appears above the element (placement="top") and gets clipped at the top of the viewport when the model is near the top of the dropdown list.
Expected Behavior
The tooltip should auto-position to remain fully visible within the viewport - either by:
placement="bottom"for model descriptions, orCurrent Behavior
The tooltip always renders above the icon regardless of available viewport space, causing long descriptions to be cut off at the top of the screen.
Location
src/lib/components/chat/ModelSelector/ModelItem.svelteCurrent code:
Suggested Fix
Add placement or tippyOptions to enable viewport-aware positioning:
Or for auto-positioning:
Environment
@silentoplayz commented on GitHub (Feb 4, 2026):
Can you provide screenshots?