ListItem Joy - hover effect not applied in beta as it was in alpha

[Icehunter]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example:
https://codesandbox.io/p/sandbox/wispy-bush-nz49xs

Steps:

1. install latest joy
2. use baseline example in docs https://mui.com/joy-ui/react-list/#actionable
3. UI doesn't have noticable hover like in docs pages

This extends to other components as well, but after the theme changes in beta.0, many items don't seem to have the correct styling.

You can see how the alpha looks here:

https://codesandbox.io/p/sandbox/lively-monad-8chdhh

Current behavior 😯

UI has limited visible hover/selected change on some components.

Expected behavior 🤔

UI state should show hover/selected states correctly.

Context 🔦

No response

Your environment 🌎

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

[siriwatknp]

Thanks for reporting the issue but the hover background is applied. It's just that the color is the same as the body background. If you wrap the list with Sheet component or a white background container, you should see the hover background.

Here is the proof:

Screen.Recording.2566-08-10.at.17.21.58.mov