💬
Get Help
R
RnPT

TextField labels and inputs not rendering in web preview or publish (CanvasKit enabled)

Project Settings

Hi everyone,

I'm currently working on a web app in FlutterFlow and ran into a strange issue:

In both Test Mode and Web Publish mode, my TextField inputs and labels (email, password, etc.) are not displaying any text — even though the same page renders perfectly fine in the FlutterFlow canvas editor and on mobile preview.

Has anyone encountered this?
Is this a CanvasKit rendering issue, a known bug in web preview, or possibly font loading?
Would really appreciate any advice or workarounds this is a blocker before I can publish!

Thanks

What have you tried so far?

Here’s what I’ve already checked:

  • Visibility is enabled

  • Font and label styles are clearly defined (Roboto/Outfit, size 16, normal weight)

  • Not using custom code

  • CanvasKit is turned on in Advanced Web Settings

  • Tried both “None” and “Deploy with Firebase” under CORS settings

  • No conditional visibility or state logic is hiding these fields

  • DevTools show that the text element exists in the DOM, but nothing is visible on desktop

  • Works fine on mobile device — this only happens on desktop web!

Screenshots:

  • One screenshot shows how the text is visible in the editor

  • Another shows it blank (or broken icon) in the web browser

  • You can even see "[emailAddress]" showing up in some cases (bound correctly)

Did you check FlutterFlow's Documentation for this topic?
No
2
4 replies