skip to Main Content

Classes from Inline stylesheets generated by emotion(MUI) are not getting applied. Facing issue only in latest Chrome (v129) working for other browsers and even for Chrome (version <=128).

I have attached two screenshots,
In Screenshot 1, I have taken an example of class(emotion) applied to svg element is getting reflected in styles hence styles are getting applied where as in Screenshot 2 same class is not getting reflected in styles hence it is not working and it is happenig for other HTML elements such as fieldset.

Case: Working (Chrome <= v128, Safari, Firefox, Brave)
https://drive.google.com/file/d/1ZbFVakFu_2lOFIGiIOmX7UocT0tZaZjc/view?usp=drive_link

Case: Not Working (Only in Chrome v129)
https://drive.google.com/file/d/1DfeoHLEdBB27QDGnKtya7HQivVDC6rm1/view?usp=drive_link
Can anyone help with the possible solution?

Relavant Tech Stack
Next.js: v13
MUI: v5.14

OS Specifications
OS: macOS Sequoia (v15.0)

I’ve tried across multiple browsers and Chrome<=v128, working correctly for me but not working only in Chrome v129 as expected as I mentioned above.

2

Answers


  1. We are having the same issue for one of our clients website. Worked fine until v129. Using NextJS swell.

    Login or Signup to reply.
  2. Following https://chromium.googlesource.com/playground/chromium-org-site/+/refs/heads/main/for-testers/command-line-flags.md and running /Applications/Google Chrome.app/Contents/MacOS/Google Chrome --js-flags=--no-maglev-optimistic-peeled-loops fixes the bug for me.

    from https://issues.chromium.org/issues/367758074

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search