Skip to content

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

@GovindRulz

Description

@GovindRulz

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

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

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions