Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] [Accessibility] [dropdown] [combobox] : TAB and Shift+TAB doesn't work properly on docsite #31351

Open
2 tasks done
kolaps33 opened this issue May 13, 2024 · 0 comments
Open
2 tasks done

Comments

@kolaps33
Copy link
Contributor

kolaps33 commented May 13, 2024

Library

V9

System Info

System:
    OS: Windows 10 10.0.22631
    CPU: (12) x64 Intel(R) Xeon(R) E-2176M  CPU @ 2.70GHz
    Memory: 16.36 GB / 31.74 GB
  Browsers:
    Edge: Chromium (123.0.2420.97)
    Internet Explorer: 11.0.22621.1

Are you reporting Accessibility issue?

yes

Reproduction

https://stackblitz.com/run?file=src%2Fexample.tsx

Bug Description

Dropdown sandbox: https://stackblitz.com/edit/nqfk2s?file=src%2Fexample.tsx
Combobox sandbox: https://stackblitz.com/edit/biayya?file=src%2Fexample.tsx

Steps

  1. Open dropdown or combobox
  2. Navigate to some option (other then selected already)
  3. Press TAB key or Shift+TAB key

Actual Behavior

on the docsite:
for combobox: https://react.fluentui.dev/?path=/docs/components-combobox--default
TAB works as expected
Shift+TAB doesn't select the option from list...

for dropdown: https://react.fluentui.dev/?path=/docs/components-dropdown--default
TAB doesn't select option from the list....
Shift+TAB is even not working and user cannot navigate backwards

Expected Behavior

option is selected from dropdown or from the combobox
This behavior works like this on the simple sandbox, but on the docsite.
If someone try this on the docsite, then they see wrong behavior.

Logs

No response

Requested priority

Normal

Products/sites affected

docsite

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.
@kolaps33 kolaps33 changed the title [Bug] [Accessibility] [dropdown] : Docsite causing inconsistency with TAB and Shift+TAB behavior [Bug] [Accessibility] [dropdown] [combobox] : TAB and Shift+TAB doesn't work properly on docsite May 13, 2024
@bsunderhus bsunderhus self-assigned this May 14, 2024
@bsunderhus bsunderhus removed their assignment May 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants