Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

MUI Styles not rendering properly specially when there is a chrome update #44503

Closed
sharmishthavirgo opened this issue Nov 21, 2024 · 9 comments
Labels
component: table This is the name of the generic UI component, not the React module! status: waiting for author Issue with insufficient information support: docs-feedback Feedback from documentation page

Comments

@sharmishthavirgo
Copy link

sharmishthavirgo commented Nov 21, 2024

Related page

https://mui.com/material-ui/react-table/

Kind of issue

Unclear explanations

Issue description

We have had issues specifically on windows machines that MUI tables styles are not rendering properly when chrome version is updating

Context

No response

Search keywords: mui styles not being applied

@sharmishthavirgo sharmishthavirgo added status: waiting for maintainer These issues haven't been looked at yet by a maintainer support: docs-feedback Feedback from documentation page labels Nov 21, 2024
@siriwatknp
Copy link
Member

Please provide more details about "styles are not rendering properly when chrome version is updating"?

@siriwatknp siriwatknp added status: waiting for author Issue with insufficient information component: table This is the name of the generic UI component, not the React module! and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Nov 22, 2024
@geotaftan
Copy link

I have the same problem, Grid component not working

Chrome is up to date
Version 131.0.6778.86

mui 5.14.20
react 18.2.0

@geotaftan
Copy link

Uploading screencapture-typeiran-dashboard-2024-11-23-10_06_16.png…

check images for details. this problem after same refresh is resolve but after refresh again is occurs.

@DenisLevy77
Copy link

I have the same problem, Grid component not working

Chrome is up to date Version 131.0.6778.86

mui 5.14.20 react 18.2.0

I'm facing the same issue in my project, with the same versions as well.

@p-take55
Copy link

I encountered the same issue where MUI styles were not rendering properly after a Chrome update.

Resolution: Updating @emotion/styled to the latest version resolved the issue in my case.

@DiegoAndai
Copy link
Member

Hey everyone, thanks for the report.

I'm running Chrome 131 and unable to reproduce the issue. Have you tried updating to the latest versions? Or have you tried updating Emotion as suggested above?

@geotaftan, your image wasn't successfully uploaded.

Copy link

Since the issue is missing key information and has been inactive for 7 days, it has been automatically closed. If you wish to see the issue reopened, please provide the missing information.

@geotaftan
Copy link

Hey everyone, thanks for the report.

I'm running Chrome 131 and unable to reproduce the issue. Have you tried updating to the latest versions? Or have you tried updating Emotion as suggested above?

@geotaftan, your image wasn't successfully uploaded.

Yes I did and the problem still exists. This problem happened once before in version 129 of Chrome and after an update this problem was solved. But it has happened again. Here I leave the link of the previous issue so that I know exactly which problem I am talking about:
#43823

Image of problematic mode:
https://s32.picofile.com/file/8480946368/screencapture_typeiran_dashboard_2024_11_23_10_06_16.png

Picture of correct mode:
https://s32.picofile.com/file/8480946392/screencapture_typeiran_dashboard_2024_11_23_10_06_39.png

Thank you for your follow up

@geotaftan
Copy link

    "@mui/material": "^5.14.20",
    "@emotion/react": "^11.11.1",
    "@emotion/styled": "^11.11.0",
    "next": "^14.0.3",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: table This is the name of the generic UI component, not the React module! status: waiting for author Issue with insufficient information support: docs-feedback Feedback from documentation page
Projects
None yet
Development

No branches or pull requests

6 participants