[Bug]: fluent-slider does not flip in RTL

[miroslavstastny]

Library

Web Components (@fluentui/web-components)

System Info

@fluentui/[email protected]

Are you reporting Accessibility issue?

None

Reproduction

https://codesandbox.io/s/fuiwc-slider-rtl-z5ky59?file=/index.html

Bug Description

Render fluent-slider in RTL applied either to the slider element itself or to its parent:

<fluent-slider dir="rtl"></fluent-slider>

<!-- or -->

<div dir="rtl">
  <fluent-slider></fluent-slider>
</div>

Actual Behavior

✅ the value increases from right to left (the screenshot shows value 8/10)
🚨 keyboard navigation is not flipped - right arrow increases value
🚨 track is filled from left

Expected Behavior

• right arrow decreases value
• track is filled from right

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.

[microsoft-github-policy-service]

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.

[microsoft-github-policy-service]

This issue has not had activity for over 180 days! We're adding Soft close label and will close it soon for house-keeping purposes.
Still require assistance? Please add comment - "keep open".

[puneet4236]

This issue still exists and need assistance on this.

[puneet4236]

Filed another issue with updated details. #33592