Tooltip Position and Collision
The Telerik Tooltip for Blazor can show on any side of its target. In scenarios when the configured position leads to content overflow outside the browser viewport boundaries, the component can automatically readjust, so that it remains fully visible on the screen.
Position
The Tooltip component lets you define the location of its popup according to the target element. Set the Position parameter, which takes a member of the TooltipPosition enum. The default value is Top.
Using Tooltip Position
Collision
If the Tooltip target is close to the edge of the screen, there may be not enough space for the Tooltip to show on the designated side of the target. In such cases, the component automatically adjusts its location on the web page. To control this behavior, set the Tooltip Collision parameter to a member of the TooltipCollision enum:
Fit(default) instructs the Tooltip to shift until it is fully visible on the screen.Flipinstructs the Tooltip to display on the other side of the target.
Using Tooltip Collision