Focusing issue with the upload button

[yipenghe]

When you click on the upload button in the header, it opens up the upload menu. However, it auto focuses on the first menu item even if I'm not hovering on the menu.

When my mouse hovers around the second upload item, it adds shades to the item, but the first menu still has a blue "selected" color, which is confusing

The ideal behaviour would be to not auto-select the first menu item after clicking

[Levilian]

mui/material-ui#5186 The multiple state seems quite common. It's indeed an UI problem.

[Levilian]

The temporary fix is to reduce the confusion on the user end by having the default item to be a placeholder with style display: "none"

[Levilian]

The temporary fix is to reduce the confusion on the user end by having the default item to be a placeholder with style display: "none"

The issue with using display: "none" is that it makes the element inaccessible to screen readers and keyboard users. Therefore, we resort to the method described here to manually make an invisible element.