Skip to content

Tooltip text is cut off for Top P parameter in Playground #344

@Violet-Bora-Lee

Description

@Violet-Bora-Lee

Description

In the Playground's "Inference parameters" section, the tooltip for the "Temperature" and "Top P" parameter is being cut off at the bottom-right corner of the screen, making it impossible to read the complete description.

Steps to Reproduce

  1. Open AI Toolkit and navigate to Playground
  2. Select a model (e.g., gpt-4o via Microsoft Foundry)
  3. Expand the "Inference parameters" section
  4. Hover over the information icon (ⓘ) next to "Temperature" or "Top P"
  5. Observe that the tooltip text is partially hidden/cut off

Expected Behavior

The tooltip should be fully visible and readable regardless of its position on the screen. The tooltip should automatically adjust its position (e.g., display above or to the left) when there isn't enough space at the bottom-right.

Actual Behavior

The tooltip appears at the bottom-right and extends beyond the viewport, causing the text to be cut off and unreadable.

Screenshots

Image Image

Environment

  • VS Code Insider Version:
Image
  • AI Toolkit Version:
Image
  • Operating System: macOS

Suggested Fix

  • Implement dynamic tooltip positioning that detects viewport boundaries
  • Position the tooltip above or to the left when there's insufficient space below/right
  • Add overflow handling with text wrapping or scrollable content
  • Consider using a positioning library that handles boundary detection automatically

Additional Context

This issue affects user experience as the tooltip provides important information about the "Temperature" and "Top P (nucleus sampling) parameter, which users need to understand to configure their model properly.

Metadata

Metadata

Assignees

Labels

needs attentionThe issue needs contributor's attention

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions