Bug reportSep 4, 2026· 0:27· 13 views
MUI Slider: mark labels for min/max values overflow the slider container bounds
0:27 total
Comments · 0
Be the first to comment.
Bug report— by SceneRecap AI
lowSlider / Mark Labels Styling
version: v9.4.0component: Sliderapplication: Material UI Documentation
Repro steps
- 1.Open Material UI Slider component documentation page
- 2.Scroll down to the 'Custom marks' section
- 3.Observe the alignment and positioning of the boundary mark labels ('0°C' at min and '100°C' at max)
Expected
Boundary mark labels (minimum and maximum values) should be aligned or constrained (e.g., left-aligned at min, right-aligned at max) so they do not overflow or protrude past the slider container edges.
Actual
Mark labels are centered strictly under the mark tick at 0% and 100%, causing the text ('0°C' and '100°C') to overhang past the horizontal endpoints of the slider track.
Evidence
visualCustom marks slider demo shows '0°C' protruding to the left and '100°C' protruding to the right of the slider track endpoints
visualCursor points out the left boundary mark label '0°C' extending past the track start point
visualCursor points out the right boundary mark label '100°C' extending past the track end point
Issue markdown (copy-paste ready)
### Summary When configuring custom marks on the MUI `Slider` component, mark labels at the minimum and maximum boundaries (`0°C` and `100°C`) are center-aligned to their mark ticks. As a result, the text extends past the horizontal bounds of the slider track container. ### Steps to Reproduce 1. Navigate to the Material UI Slider component documentation (v9.4.0). 2. Scroll down to the **Custom marks** demo section. 3. Inspect the placement of the edge mark labels (`0°C` and `100°C`). ### Expected Behavior Boundary mark labels should be adjusted (e.g. left-aligned at `min` and right-aligned at `max`) or padded to remain within the component's horizontal layout bounds. ### Actual Behavior Mark labels are centered directly below the 0% and 100% tick marks, causing label text to protrude outward beyond the track's start and end points. *Recorded with SceneRecap.*
Your recordings could explain themselves too.
Free plan · silent recordings welcome · bug reports included.
Try SceneRecap free →