[Bug]: fluent-slider does not support readonly

[vnbaaij]

Component

Slider

Package version

3.0.0-beta-82

@microsoft/fast-element version

2.1

Environment

Blazor applications

Current Behavior

When setting readonly="true" value of the slider can be changed by keyboard and mouse interaction.

Expected Behavior

When setting readonly="true" value of the slider should not be able to be changed by keyboard and mouse interaction.

Reproduction

https://stackblitz.com/edit/typescript-elwdevpm?file=package.json

Steps to reproduce

Just operate on the slider in the rendered html. Interaction is still possible although readonly is set.

Are you reporting an Accessibility issue?

None

Suggested severity

High - No workaround

Products/sites affected

FluentUI Blazor v5

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.

[smhigley]

@vnbaaij native HTML sliders do not support a readonly attribute, only inputs that accept text entry may be readonly, as per the HTML spec:

"Only text controls can be made read-only, since for other controls (such as checkboxes and buttons) there is no useful distinction between being read-only and being disabled, so the readonly attribute does not apply."

from the HTML spec: https://html.spec.whatwg.org/multipage/input.html#the-readonly-attribute

I'll let someone from the web components team clarify if this is why the Fluent slider also does not support readonly.