microsoft / fluentui-blazor

Microsoft Fluent UI Blazor components library. For use with ASP.NET Core Blazor applications
https://www.fluentui-blazor.net
MIT License
3.87k stars 376 forks source link

Issues in Fluent Autocomplete and Fluent Dialog controls #1972

Closed PraleshGitHub closed 6 months ago

PraleshGitHub commented 6 months ago

πŸ› Bug Report

  1. On tab key, it doesn't go to the close button in Fluent Autocomplete control.
  2. Also when press the down arrow button at the end of the populated list of Fluent autocomplete control, it continuously pronounce text in input box in NVDA.
  3. Tooltip is required on focus to close button in Fluent dialog.

πŸ’» Repro or Code Sample

Go to fluent blazor demo URL: https://www.fluentui-blazor.net/Autocomplete

πŸ€” Expected Behavior

  1. On keyboard tab key, Focus should move to the close button in Fluent Autocomplete control.
  2. Also when press the down arrow button at the end of the populated list of Fluent autocomplete control, it should not pronounce text in NVDA when arrow reach the end of the list.
  3. Tooltip is required on focus to close button in Fluent dialog using keyboard tab key.

😯 Current Behavior

  1. On tab key, it doesn't go to the close button in Fluent Autocomplete control.
  2. Also when press the down arrow button at the end of the populated list of Fluent autocomplete control, it continuously pronounce text in input box in NVDA.
  3. Tooltip is not keyboard accessible, when mouse hover on the control, tooltip is displayed.

πŸ”¦ Context

We are trying to achieve grade A accessibility level. however these issues are stopping to achieve the same.

🌍 Your Environment

vnbaaij commented 6 months ago

Hi Pralesh,

First make asure you are on tehlatest package version (v3.6.2). There have been quite a few changes in between (https://github.com/microsoft/fluentui-blazor/compare/v3.5.5...v3.6.2)

Second, the demo site you are referring to is for the v4/.NET 8 version. You need to look at https://calm-sea-053fa6a03-archivesv3.westeurope.3.azurestaticapps.net/ for the v3 version. There are a lot of differences between these two version.

Third, please only submit 1 issue per issue report. It becones too hard to track otherwise,

vnbaaij commented 6 months ago

Update: we just released v3.7.0 : https://www.nuget.org/packages/Microsoft.Fast.Components.FluentUI. First try this version and then re-submit any issues separately once tested and nt resolved. Thanks