Skip to content

Widgets render as gray blocks in Run/Test Mode while the rest of the page renders correctly #7443

Description

@isaPawlistic

Can we access your project?

  • I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

In Run/Test Mode, specific widgets on my pages render as solid gray blocks instead of their content. The rest of the page renders and functions normally.
On ProductDetail, the tab bar (a row of buttons for switching between Scores / Ingredients / Nutrition / Life stage) appears as a dead gray block — it is not clickable and shows no content. A second gray block appears at the top of the page. All other content on the page (product name, score, color bar, portion info, score profile list) renders correctly.
The same pattern occurs on another page (MijnDieren), where a section renders as a gray block while the content below it renders fine.
Everything renders correctly in the FlutterFlow editor.
Chrome DevTools reports "Null check operator used on a null value" and "Uncaught TypeError: J.cT(...).az is not a function", with stack traces pointing to the FlutterFlow-generated main.dart.js.

Expected Behavior

All widgets should render in Run/Test Mode as they do in the editor. The tab bar should be visible and clickable.

Steps to Reproduce

  1. Open the project in FlutterFlow — all pages render correctly in the editor.
  2. Start a Run/Test Mode session.
  3. Open ProductDetail by tapping a product in the product list of Mijn dieren.
  4. The tab bar renders as a gray block and cannot be clicked.

Reproducible from Blank

  • The steps to reproduce above start from a blank project.

Bug Report Code (Required)

Unable to generate a Bug Report Code — I could not locate the option in the editor UI. Happy to provide it if you can point me to where it is generated, or grant access to the project directly.

Visual documentation

Image

First start at products, then click. you should see this like my run from the 18th;

Image

but now you see this;

Image Image

and the 'mijn dieren' should be this;

Image

instead of this;

Image Image

Environment

FlutterFlow version: current web version as of August 28, 2026
Platform: Web / FlutterFlow browser editor and Web Run/Test Mode
Browser: Google Chrome (ChromeOS)
Operating system: ChromeOS

Additional Information

This worked correctly until approximately August 18–23, 2026. A Run session from August 18 still renders all pages correctly, including the tab bar.
I did not modify the affected pages between the working version and now.
The project uses Supabase authentication (no Firebase project is configured), yet the console shows repeated failed requests to firestore.googleapis.com and securetoken.googleapis.com with net::ERR_INTERNET_DISCONNECTED.
Backend data verified healthy: all Supabase views, RPCs and functions return complete, non-null results when queried directly.
Issues panel shows 0 errors (2 warnings only).
This may be related to issue #7435.

Metadata

Metadata

Assignees

No one assigned

    Labels

    status: needs triageA potential issue that has not been confirmed as a bug.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions