Library

React Components / v9 (@fluentui/react-components)

System Info

N/A

Are you reporting Accessibility issue?

no

Reproduction

https://react.fluentui.dev/?path=/docs/preview-components-field-sliderfield--default

Bug Description

Actual Behavior

The thumb of Slider extends beyond the bounds of its root, which causes it to appear misaligned with a label or other form controls:

Expected Behavior

The slider should be aligned with the edge of its root. Perhaps the track needs to be padded in, so the thumb doesn't extend past the end when it is at 0?

Note: This bug is logged based on a comment in a Field VR test PR: #25263 (comment)

Logs

No response

Requested priority

Normal

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.