microsoft / fluentui

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
https://react.fluentui.dev
Other
18.35k stars 2.72k forks source link

[Bug]: Checkbox and ComboBox TabIndex property resets to 0 during runtime #30413

Open GovindRulz opened 8 months ago

GovindRulz commented 8 months ago

Library

Web Components (@fluentui/web-components)

System Info

System:
    OS: Windows 11 10.0.22621
    CPU: (12) x64 12th Gen Intel(R) Core(TM) i7-1255U
    Memory: 5.27 GB / 15.72 GB
  Browsers:
    Edge: Chromium (121.0.2277.83)
    Internet Explorer: 11.0.22621.1

Are you reporting Accessibility issue?

None

Reproduction

https://codesandbox.io/p/sandbox/eager-antonelli-n67g3m

Bug Description

Actual Behavior

<fluent-checkbox id="f583a6f3c" tabindex="0" role="checkbox" aria-checked="true" aria-required="false" aria-disabled="false" _bl_2="" current-checked="true" class="checked" value="" current-value=""></fluent-checkbox>

Expected Behavior

<fluent-checkbox id="f583a6f3c" tabindex="2" role="checkbox" aria-checked="true" aria-required="false" aria-disabled="false" _bl_2="" current-checked="true" class="checked" value="" current-value=""></fluent-checkbox>

We are setting TabIndex for each input control in a page , to enable keyboard navigation using Tab Key as well as Enter Key, Due to unexpected behavior being noticed at runtime , we inspected the element in the browser and saw that Tab Index for all check box and combo box controls have been reset to "0" This issue is critical because our keyboard navigation using the Enter Key relies on the Tab Index value set for the controls during design time.

Below is the link of the issue we originally created on the repo fluentui-blazor

[https://github.com/microsoft/fluentui-blazor/issues/1392]

The response we got was the following "Unfortunately, this problem seems to come from the Web Components we use (and not from the FLuentUI-Blazor library)."

and asked us to create a bug report on this Repo. We are quite new to this technology and pretty clueless also. I tried duplicating the issue reproduction on the code sandbox page, but im not able to get that to work. Please help us out on this.

Logs

No response

Requested priority

Blocking

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

GovindRulz commented 6 months ago

Is this being looked into ?

microsoft-github-policy-service[bot] commented 3 weeks ago

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".

GovindRulz commented 3 weeks ago

Is this issue solved ?