Skip to content
Bug reportSep 18, 2026· 0:21· 12 views

Ant Design Slider: tooltip arrow detaches from popup at leftmost/rightmost positions (antd v6.x)

0:21 total

Comments · 0

Be the first to comment.

Bug report— by SceneRecap AI

lowTooltip positioning / Slider boundary overflow calculations
os: macOSdpr: 1browser: Chromium 151.0.7922.34viewport: 1280x720

Repro steps

  1. 1.Hover and click on the slider handle at value 30
  2. 2.Drag the slider handle to the far right edge (100%)
  3. 3.Observe the tooltip positioning and arrow alignment at the maximum boundary
  4. 4.Drag the slider handle all the way to the far left edge (0%)
  5. 5.Observe the tooltip positioning and arrow alignment at the minimum boundary

Expected

The slider tooltip and its indicator arrow should remain attached and properly aligned relative to the handle when reaching boundary limits (0% and 100%).

Actual

The tooltip popup and arrow detach or clip abnormally against the boundary edges when the slider handle reaches 100% and 0%.

Evidence

visualControl state: Tooltip popup with arrow correctly aligned under slider handle at value 30
visualSlider handle dragged to 100% boundary where tooltip content and arrow detach/clip at screen edge
visualSlider handle dragged to 0% boundary where tooltip popup clips and detaches at the leftmost edge
Issue markdown (copy-paste ready)
### Bug Description
When dragging the Ant Design Slider handle to the extreme boundary edges (0% or 100%), the tooltip popup and its arrow indicator fail to maintain proper alignment and detach/clip against the viewport boundaries.

### Steps to Reproduce
1. Hover and click on the active slider handle.
2. Drag the handle to the far right edge (100%).
3. Observe the tooltip alignment.
4. Drag the handle to the far left edge (0%).
5. Observe the tooltip alignment.

### Expected Behavior
The tooltip and arrow should remain properly aligned and attached to the slider handle even at boundary values.

### Actual Behavior
The tooltip arrow detaches or clips against the edges at 0% and 100%.

*Recorded with SceneRecap.*

Your recordings could explain themselves too.

Free plan · silent recordings welcome · bug reports included.

Try SceneRecap free →
Ant Design Slider: tooltip arrow detaches from popup at leftmost/rightmost positions (antd v6.x) · SceneRecap