[Web] Canvaskit raise errors on latest Chrome stable version about flutter HOT 23 CLOSED

Per https://crbug.com/347961785 , the root cause has been identified and fixed. In theory all that should be necessary to pick it up is to quit and restart Chrome.

from flutter.

For some reason not everybody seems affected by this. I could confirm the bug on another macbook pro's chrome in our office, but two other people tried the same operation and got a working web application

from flutter.

Hi @Miiite, are you seeing this issue only on macs?

Are the macs intel macs or apple silicon macs? I just checked on my m1 Mac and the website opens just fine.

What do you see when you enter chrome://gpu/ in chrome? Can you share the results?

from flutter.

Unfortunately I only have a mac available right now so I would not be able to tell you if I can reproduce it on Windows.
But here are my logs of chrome://gpu

about-gpu-2024-06-13T14-17-36-199Z.txt

Regarding the mac itself it's an Apple sillicon (M1 Pro)

from flutter.

Hi @Miiite, what versions of macOS are the devices that don't reproduce the issue running? It appears that you might be using an older version of Sonoma. Can you check if upgrading to the latest version of macOS resolves this issue?

I also checked on my dell xps 13 running windows 11 and the website loads properly without any issues

from flutter.

I'm on macOS 14.0, and I'll try to update to see if it changes anything, but a co-worker si on macOS 12.5 and has no issues whatsoever.

I'm starting to wonder if it's not a Google Chrome related issue, because I can see that as soon as I open the Chrome Dev Tools, the bug ... disappears ?

You can see in this video, that I initially open and refresh the website multiple times. At some point the website crashes with the logs I pasted in my initial post.
Then I open the Chrome Dev Tools, and refresh the page, and everything starts working again.
Then closed the dev tools, refreshed the page, and after one or two refreshes the website crashes again.

from flutter.

@danagbemava-nc I updated to MacOS 14.5 and am still facing the issue :(

from flutter.

Adding another datapoint here - I've been trying to track down what I assume is also this issue.

We have only two users that are having issues since updating to chrome 126.0.6478.62, where after a handful of app reloads they will get stuck on a blank screen.

This behavior exists running either flutter 3.19, or 3.22. These users are also both using apple silicon (a M2 and a M3 pro machine). In addition I was also able to verify they are experiencing the floating-point value is too large errors

from flutter.

I am also seeing these errors today in Chrome 126.0.6478.62 on MacOS 14.5 running on M1. Using the latest flutter 3.22.2.

I have been testing a flutter app regularly for the last week or so and I have not seen this issue before today. I don't see these errors on Safari or Firefox on the same machine.

from flutter.

Hi @npabuwal, @ehedrick, thanks for the reports. Are either of you able to reproduce the issue with https://flutter.github.io/samples/web/material_3_demo/ if not, could you provide a minimal sample that we could use?

Thank you

from flutter.

I also have the same issue.
Mac Chrome version: 126.0.6478.62 (Official Build) (arm64)
Flutter 3.19.6 • channel stable

But the Flutter web app works fine on Safari.

from flutter.

Hi @danagbemava-nc, the issue occurs randomly so a bit hard to reproduce. I am yet to see it with the material demo app ( https://flutter.github.io/samples/web/material_3_demo/ ), but it looks like any flutter app could run into this issue. ~5 people have already commented on this thread and I believe all of us have encountered it with different apps. I think a lot of users/apps might be getting impacted out there.

I am unable to post a code sample of my private repo but will post a sample if I can. Hopefully someone else will post one before me.

Thanks.

from flutter.

Ah, posted too soon. I just saw the video posted by the author of this issue ( #150193 (comment) ) and did what was shown in the video i.e. kept refreshing the page. Within just a few refreshes, I encountered the issue with https://flutter.github.io/samples/web/material_3_demo/

I was then able to do the same thing with https://flutter.github.io/samples/web/simplistic_editor/

So, it can happen with almost any flutter web app. I think this issue needs to be investigated at a high priority.

@danagbemava-nc

from flutter.

Thank you all for the updates.

Labeling this for further investigation. While I can't seem to reproduce the issue on my device after several refreshes with both samples, there's enough evidence of an issue for an investigation.

cc @yjbanov

from flutter.

I'm NOT seeing this on my mac. But we'll dig in!

from flutter.

Let me take that back. Easy to reproduce with devtools CLOSED. With Chrome 126 on an M1 Mac.

from flutter.

Anyone seeing this: please go to Chrome's about:gpu page, click "Download Report to File", copy/paste it into pastebin, and post the link here. Also the full contents of about:version into a separate pastebin. Thanks.

from flutter.

https://gist.github.com/kevmoo/13c390edf221e9ade5602c04051b8b31

from flutter.

Chromium-side issue: https://crbug.com/347961785

from flutter.

I have two Flutter apps one with Flutter 3.19.3 and another one with 3.22.0. Only the 3.22.x Flutter version is affected by this bug. Mac M1 Chrome Version 126.0.6478.62

from flutter.

Great job with the investigation and the quick fix, thanks! I am not seeing the issue anymore.

from flutter.

Yup after restarting chrome, the issue seems to be gone.

from flutter.

Closing this out! Thank you Chrome, friends! 🙏 👍

from flutter.