Default hover style not visible on Chrome (Ubuntu 22.04, KDE Neon)

[sagrawal-code]

Steps to reproduce 🕹

Link to live example: https://codesandbox.io/s/w4u5zi?file=/demo.tsx (Example from docs, https://mui.com/x/react-data-grid/)

Current behavior 😯

Here, the default hover style isn't visible in latest Chrome:

But it is visible in Firefox:

Expected behavior 🤔

Default hover style should be visible in Chrome, as it does in Firefox. I can customize the style for "& .MuiDataGrid-row.Mui-hovered" via sx, which then works in Chrome.

Context 🔦

No response

Your environment 🌎

npx @mui/envinfo

System:
    OS: Linux 5.19 KDE neon 5.27 5.27
  Binaries:
    Node: 18.15.0 - /usr/bin/node
    Yarn: 1.22.19 - /usr/bin/yarn
    npm: 9.5.0 - /usr/bin/npm
  Browsers:
    Chrome: 111.0.5563.64
    Firefox: 110.0.1
  npmPackages:
    @emotion/react: ^11.10.6 => 11.10.6 
    @emotion/styled: ^11.10.6 => 11.10.6 
    @mui/base:  5.0.0-alpha.121 
    @mui/core-downloads-tracker:  5.11.13 
    @mui/icons-material: ^5.11.11 => 5.11.11 
    @mui/material: ^5.11.13 => 5.11.13 
    @mui/private-theming:  5.11.13 
    @mui/styled-engine:  5.11.11 
    @mui/system:  5.11.13 
    @mui/types:  7.2.3 
    @mui/utils:  5.11.13 
    @mui/x-data-grid:  6.0.1 
    @mui/x-data-grid-generator: ^6.0.1 => 6.0.1 
    @mui/x-data-grid-premium:  6.0.1 
    @mui/x-data-grid-pro: ^6.0.1 => 6.0.1 
    @mui/x-license-pro:  6.0.1 
    @types/react: ^18.0.27 => 18.0.28 
    react: ^18.2.0 => 18.2.0 
    react-dom: ^18.2.0 => 18.2.0 
    typescript: ^4.9.3 => 4.9.5```
</details>


OS: 


Distributor ID:	Neon
Description:	KDE neon 5.27
Release:	22.04
Codename:	jammy

Order ID or Support key 💳 (optional)

No response

[m4theushw]

I can't reproduce the issue in Chrome. Could you share a video?

[sagrawal-idrc]

I can't reproduce the issue in Chrome. Could you share a video?

No hover styling visible in Chrome:

Untitled_.Mar.17.2023.7_56.AM.webm

Hover styling visible in Firefox:

screen-recorder-fri-mar-17-2023-07-59-26.webm

[m4theushw]

@flaviendelangle I remember you used Linux. Can you reproduce this issue?

[flaviendelangle]

Can't reproduce it on Ubuntu 22.04 Chrome Gnome

[sagrawal-code]

Thanks for looking into this.

I investigated bit further and somehow my Chrome on Desktop Linux is reporting the hover media query to be none rather than hover and that seems to be the source of this issue.

I seem to be having the same issue as this commentator. However, I am unable to fix this.

Please feel free to close this issue.

[oliviertassinari]

In #10039 (comment) I propose a different media query to accommodate mobile phones that return wrong values for these media queries, but looking at #8247 (comment), it won't make much differences.

I'm closing, it does look like an issue that should be fixed down the stack, and not in MUI X, e.g. https://bugs.chromium.org/p/chromium/issues/detail?id=441613#c8. Thanks for the report