search

mui / mui-x

MUI X: Build complex and data-rich applications using a growing list of advanced React components, like the Data Grid, Date and Time Pickers, Charts, and more!
https://mui.com/x/
4.07k stars 1.26k forks source link

[pickers] Error in console using `MobileDatePicker` #14639

Open sharifmacky opened 3 days ago

sharifmacky commented 3 days ago

Steps to reproduce

Error in console using mobile-date-picker: create-event:1 Blocked aria-hidden on a element because the element that just received focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden.

Steps to reproduce: -Visit https://mui.com/x/react-date-pickers/date-picker/ -Open devtools -Toggle device toolbar to Mobile (ie. Select Mobile mode) -Click on the Mobile variant DateTimePicker -Click Cancel -Observe Error in console Note there is another issue when opening devtools in mobile mode (Error: Minified React error https://github.com/mui/material-ui/pull/418) which prevents this error from showing. Follow the above steps in the exact order.

Current behavior

Error

Expected behavior

No Error

Context

No response

Your environment

Google Chrome 127.0.6533.120

System: OS: Windows 11 10.0.22631 Binaries: Node: 20.8.1 - C:\Program Files\nodejs\node.EXE npm: 10.1.0 - C:\Program Files\nodejs\npm.CMD pnpm: Not Found Browsers: Chrome: Not Found Edge: Chromium (126.0.2592.87) npmPackages: @emotion/react: ^11.11.3 => 11.11.4 @emotion/styled: ^11.11.0 => 11.11.5 @mui/base: 5.0.0-beta.40 @mui/core-downloads-tracker: 5.16.7 @mui/icons-material: ^5.15.6 => 5.15.15 @mui/joy: ^5.0.0-beta.25 => 5.0.0-beta.32 @mui/material: ^5.15.6 => 5.16.7 @mui/private-theming: 5.16.6 @mui/styled-engine: 5.16.6 @mui/system: 5.16.7 @mui/types: 7.2.15 @mui/utils: 5.16.6 @mui/x-date-pickers: ^7.11.0 => 7.17.0 @mui/x-internals: 7.17.0 @types/react: ^18.2.43 => 18.2.79 react: ^18.2.0 => 18.2.0 react-dom: ^18.2.0 => 18.2.0

Search keywords: aria-hidden

Search keywords:

michelengelen commented 20 hours ago

@sharifmacky just to let you know... we are looking into this atm