Skip to content

Editor preview does not respect Button width while published app renders correctly #6977

@Wojtek-G

Description

@Wojtek-G

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 the FlutterFlow editor, the button width defined in the properties panel is not respected in the visual editor preview. The button width is set to 40px, but the editor renders the button significantly wider. When the project is run or published, the button renders correctly with the expected width.

Expected Behavior

The Editor Preview should render the button at exactly 40px width, matching the configured value and the runtime output.

Steps to Reproduce

  1. Create a new FlutterFlow project (also occurs in existing projects).
  2. Add a Button widget to the page.
  3. In Button Default Style, set:
    • Width: 40 px
    • Height: 40 px
  4. Observe the button size in the Editor Preview.

Reproducible from Blank

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

Bug Report Code (Required)

IT40iMjfsYtNocNG1pSJcMdVryg5JWZ7a5IZiepraCosfZT2BLMcec/RVERVZ/24TFZEI2KJnWoW0M7wkoXiGPY5FwiAfqZHyc1AVDnyUkaWVaauFJWgQkZTO8JQfxWx356rgR4mJbBfSF4AwFOYN+TIcBDBNZDJOTMeDq/LZO4=

Visual documentation

Image

Environment

- FlutterFlow version:  v6.5.43 (released March 6, 2026)
- Platform: macOS
- Browser name and version: macOS Desktop App
- Operating system and version affected: All.

Additional Information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Bugstatus: confirmedIssue has been reproduced and confirmed as a bug.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions