Flutter Web Renderer issues

[iqfareez]

According to https://docs.flutter.dev/development/platform-integration/web/renderers

auto (default) - automatically chooses which renderer to use. This option chooses the HTML renderer when the app is running in a mobile browser, and CanvasKit renderer when the app is running in a desktop browser.

So,

• on mobile -> HTML
• on desktop -> CanvasKit

From my testing with the latest release, there are issues with:

• Saving screenshot
• Overflow text

Saving screenshot

Web desktop (CanvasKit)	Web mobile (HTML)
✅	❌

TextOverflow

Web desktop (CanvasKit)	Web mobile (HTML)

I will do further testing and verification

[iqfareez]

For saving screenshot issue

From the console: toImage is not supported on the Web

It leads me to this SO answer, which leads me to flutter/flutter#42767, which finally brings me to flutter/engine#22085. For now, only CanvasKit support the saving widget as picture feature.

For TextOverflow issue

Similar issues found in flutter/flutter#71413, the resolution is to use CanvasKit because of the flutter/flutter#48417.

Conclusion

I'll redeploy the latest release and all further releases explicitly in CanvasKit, but from Flutter docs:

This renderer is fully consistent with Flutter mobile and desktop, has faster performance with higher widget density, but adds about 2MB in download size.

Which contradicted of what we want to achieve is #13 🥲

[iqfareez]

Deployed web latest version with canvaskit. Closing as completed.