material-ui icon indicating copy to clipboard operation
material-ui copied to clipboard

[material-ui][List] On applying high contrast themes, the focus indicator on the list items under "Movie" combo box is not visible in all the modes

Open msftedad opened this issue 1 year ago • 2 comments

Steps to reproduce

Link to live example: MAS4 3 1-Aquatic Mod
MAS4 3 1-Dusk Mode
e MAS4 3 1-Desert Mode MAS4 3 1-Nightsky Mode MAS4 3 1-Normal Mode

Steps: 1.Open URL: heuristic-boyd-zw8xv7 - CodeSandbox 2.Sandbox editor page appears. 3.Use tab key to reach to "Movie" combo box and select it. 4.Navigate list items under "Movie" combo box using tab keys and observe whether the keyboard focus indicator is visible or not on the list items after applying high contrast themes.

Current behavior

On applying high contrast themes, the focus indicator on the list items present inside the "Movie" combo box is not visible in all the modes.

Observation: In normal mode while navigating the list items there is an indication of focus (Represented with hash color) but, on applying high contrast themes no focus indicator is visible. The issue is with all the four (Aquatic, Desert, Night sky and Dusk) modes.

Expected behavior

On applying high contrast themes, the focus indicator on the list items present inside the "Movie" combo box should be clearly visible in all the modes.

Context

Color Sensitive users who rely on High contrast modes would be impacted if the focus indicator or controls are not visible on applying high contrast themes. Due to this they cannot access the page efficiently and face difficulty in accessing the control.

Your environment

Windows 11 22H2 (OS Build:23620.1000) Component: @mui/material/Autocomplete

Search keywords: high contrast themes

msftedad avatar Feb 09 '24 10:02 msftedad

Thanks for reporting the issue.

siriwatknp avatar Feb 19 '24 02:02 siriwatknp

Hi Team, Any update on this issue?

msftedad avatar Nov 06 '25 05:11 msftedad