Skip to content

Image widget crashes with "Uncaught Error: Expected a single root element" when binding a Firestore String field via Combine Text — matches issue #7043 #7370

Description

@ElBuenodeMIke

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

When binding an Image widget's Path to a Firestore String field (photo_url)
using the Combine Text function, the app throws an "Uncaught Error" in the
console (Preview mode). Looking deeper into the stack trace, the actual
error is "Expected a single root element" (an XML/SVG parsing error), even
though the field is a plain String and the Image Type is set to "Network"
/ Image Format set to "Image".

This also happens with a brand new, isolated test page: a bare Image
widget with a Firestore Query Collection on cases, Path bound via
Combine Text to photo_url. A hardcoded string URL in Path works fine
with no error, which rules out the URL itself.

Additionally, photo_url (type String) cannot be selected directly in the
Path field — it appears greyed out/unselectable, same as issue #7043. A
Custom Function returning a String is also not selectable there, so
Combine Text is the only available workaround, and it's the one causing
the crash.

Expected Behavior

The Image widget should display the photo from the photo_url String
field (either directly or via Combine Text) without throwing an error,
just like Text widgets can display the same field without issues.

Steps to Reproduce

  1. Create a Firestore collection (e.g. "cases") with a String field (e.g. "photo_url") containing a valid image URL
  2. Create a new blank page
  3. Add a Backend Query: Query Collection > [collection] > Query Type: List
  4. Add an Image widget to the page
  5. Click on the Image widget's "Path" property
  6. Try to select the String field directly from the query result → field appears greyed out/unselectable
  7. Use "Combine Text" instead, with Text 1 set to the String field (photo_url)
  8. Run Preview
  9. Observe: image doesn't load, and the browser console shows "Uncaught Error" (stack trace resolves to "Expected a single root element")
  10. As a control: replace the Path with a hardcoded string URL (no variable) → works fine, no error

Reproducible from Blank

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

Bug Report Code (Required)

ITFfzfHqw5N2seFa0L6JbMcwtCQvQkscTb4RltZ+RRQhfJCrO4kyds/4XFFLYteHTX1iHE6buDge0crwj4f2FcEEHzmsbNg6/5RXQTzvTTqmbKqwCqiSRHJAJ+xmGUC5057V2B4mJtNYV3A43F+uJvCdG3qCf9qOYwx5e6fDbOY=

Visual documentation

Image Image Image Image Image Image Image

Environment

- FlutterFlow version: (la que tengas — mira arriba a la izquierda del editor, o en Settings > Project Setup > Dev Environments; si no la ves, pon "Latest as of August 2026")
- Platform: Web
- Browser name and version: Chrome (la versión que uses — puedes verla en Chrome > Ayuda > Información de Google Chrome)
- Operating system and version affected: (el tuyo, ej. Windows 11 / macOS Sonoma...)

Additional Information

This is blocking core functionality of my app: every card in my main feed
needs to display an image sourced from a Firestore String field, and this
bug makes that impossible without crashing the page. I've spent significant
time isolating the cause (ruled out Timer, Unique Key, DateTime conversion,
the specific URL, CORS/hotlinking) and confirmed it's specific to binding a
Firestore String field to an Image widget's Path, whether directly (greyed
out/unselectable) or via Combine Text (crashes). I'd appreciate a workaround
if one exists while this is being fixed, since displaying stored image URLs
is a very common, basic pattern.

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