diff --git a/docs/data/material/components/slider/slider.md b/docs/data/material/components/slider/slider.md index e473d6375eb37b..489e31a2614c43 100644 --- a/docs/data/material/components/slider/slider.md +++ b/docs/data/material/components/slider/slider.md @@ -113,7 +113,6 @@ The `-webkit-appearance: slider-vertical` CSS property can be used to correct th } ``` -For Chrome 124 and newer, the slider includes the CSS [`writing-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_writing_modes/Vertical_controls#range_sliders_meters_and_progress_bars) property that fixes this bug. ::: ## Marks placement diff --git a/packages/mui-material/src/Slider/useSlider.ts b/packages/mui-material/src/Slider/useSlider.ts index dc3b333a535eb5..1b4e8c30891cd5 100644 --- a/packages/mui-material/src/Slider/useSlider.ts +++ b/packages/mui-material/src/Slider/useSlider.ts @@ -460,6 +460,7 @@ export function useSlider(parameters: UseSliderParameters): UseSliderReturnValue const createHandleHiddenInputChange = (otherHandlers: EventHandlers) => (event: React.ChangeEvent) => { otherHandlers.onChange?.(event); + // this handles value change by Pointer or Touch events // @ts-ignore changeValue(event, event.target.valueAsNumber); };