Expandable doesn't control it's expanded section length (thus ends with overflow)

[rmcjst]

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

Expandable doesn't control the length of it's expanded section (nor as fix, expandable or expanded). Thus overflow, thus unusable.

Expected Behavior

Expanded section should not overflown the widgets that follow. Expandable should control the length available for expanded section. With dynamic content always full page should be used, but divided among active/shown at the time.

☝️For all widgets : for children that are expandable/expanded flex parameter (i.e., screen space divizion) should be bound to var not just a fix value - so App would be in dynamic control which section is most prominent on the screen. That part is not a bug, it is just a major shortcoming from the UI/UX standpoint. It is almost a "must have" 🫣🤞

Steps to Reproduce

1. On a blank page, create a widget tree - column with four or of your choice expandable widgets.
2. Put a list (15÷30 items) under each expandable and test.

Reproducible from Blank

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

Bug Report Code (Required)

IT48ls/l6otPxdtH17qBYMdB/TgWOUs7apEw0OwaSUg8J5TYO5YEZ8/7VEpVZ/2+dkFIPWeakj0y3MKPm9z1KvA5FyebfbVxwaV2ewzjVT+6MqqPBs+CYH9UGshhfRGl58CFrB5NA/Vvc3wg1Fz6ON6tTjDcNpC3PW4jJ+aaOp7XmAfuQ0SLb3kNh1JWeC/v

Visual documentation

Uploaded is code of one widget, but can be tested on all four.

On top are added 4 buttons - to play and turn expandable on/off. <= having dynamic (var bound) flex would help control FULL page to be used. That part not a bug.

Each Expandable causes same overflow.

Environment

- FlutterFlow version: v7.0.14
- Platform: Web
- Browser name and version: Chrome, Version 149.0.7827.197 (Official Build) (64-bit)
- Operating system and version affected: Win 11

Additional Information

Unless widget being misused, great shortcoming; it could be a very powerful UI/UX widget.

[Juansarmi]

Hello!

I'm sorry you're experiencing this issue.

Have you tried setting Allow Scroll to true on the parent widget (the Column in this case)? This may help prevent the overflow problem.

You could also try setting a maximum height for your expandable widgets to better control their layout.

Please let me know if this helps. If not, I'd be happy to investigate your specific case further and look for a more suitable solution.

Best regards

[rmcjst]

Hi,
don't see max height - but in pics in original post height was set to 200 - now I tried also w/o limits and no difference - overflow.
Setting outer column to scroll - doesn't do it either. And anyway, I want all four (or those that are visible) to share the space of the whole screen without overflowing each other. That would be possible only if Expandable would control how much space it has to show and then scroll ListView inside that space.
Final result - I can't set the combo-settings that would do the trick.
As this is app to show error, if you have access and capabilities open - you can change and play around with settings (just don't delete the page or widgets).

And it is not specific case or project dependent.

Available for further discussion.
Thanks.
br

[Juansarmi]

Hello!

I'm sorry you're experiencing this issue. I was able to reproduce the error and will be forwarding it to our engineering team for further investigation. I’ll let you know as soon as I have any updates.

Best regards