microsoft / fluentui

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

Home Page:https://react.fluentui.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Bug]: v9 DatePicker compat popup is not accessible in latest Chromium

smhigley opened this issue · comments

Library

React Components / v9 (@fluentui/react-components)

System Info

N/A

Are you reporting Accessibility issue?

yes

Reproduction

repros on the docs site

Bug Description

Actual Behavior

The DatePicker popup is not in the accessibility tree (does not repro on v8, related to v9 being modal). This is caused by a leftover aria-owns attribute that moves the popup from the end of the DOM to within the hidden tree. This was necessary when the datepicker was non-modal, but is breaking access now that it is modal.

The practical impact is that all screen readers and voice control are unable to access the dialog on the latest version of Chromium and Safari.

Expected Behavior

The DatePicker is accessible 😅

Logs

No response

Requested priority

High

Products/sites affected

No response

Are you willing to submit a PR to fix?

yes

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.