The Widgets falling below the expanded area of "Expandable Floating Action Button" become inaccessible

[saketkrb2b]

Has your issue been reported?

• I have searched the existing issues and confirm it has not been reported.
• 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

I implemented an expandable floating action bar as per the tutorial https://blog.flutterflow.io/creating-an-expandable-button/
This works perfectly fine. The animations are perfect. However, even when the OptionsContainer is not expanded, if I click on the listview item in the background, it still triggers the action associated with an option in OptionsContainer. So, as a user, if I want to click on the listview item which overlaps with the expanded options, it doesn't give me the desired action. I should be able to select the listview items when the options are not visible on screen.

Whether the expandable FAB is open or closed, does not matter, the area of the options container is not accessible in the listview behind it

screen-capture.1.mp4

Expected Behavior

The elements behind the expanded area should be accessible when the the FAB is not in expanded state.

Steps to Reproduce

We copied the widget from the official marketplace project titled "Expandable Button".
https://app.flutterflow.io/marketplace/item/q1f1UKfYZkkHNzxAr743

Reproducible from Blank

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

Bug Report Code (Required)

IT4ShfLqw5dOtbxa1s+JbflahjovIjslRY00lu16EBcdGK2uOrQDXOmmSFRuQtOmTFc2PmGanmEz0/vHkdzIN/Y5Ok6afZxc1aVcFAKVQniQb82aELqJdnYnQdpKCnKd0LTYvyUlHOptS1o/1DmEB/OASnXDQYzzIjEjDf2kOqLNo3PuQ0SLb3kNh1JWeC/v

Context

I want to show a list of customers added by the user on the page. For the user to be able to add new customers either from his phonebook or manually, I need an expandable floating action button.

Visual documentation

Attaching the video showing the FAB behavior.

screen-capture.1.mp4

Additional Info

No response

Environment

- FlutterFlow version: 3.7.12
- Platform: Android
- Browser name and version: Chrome
- Operating system and version affected: Android

[hariprasadms]

Hi @saketkrb2b - Thanks for posting the issue. To investigate this issue, we need a blank project setup with reproduce the issue in the project. Share the project bug report code once it is ready. Thanks

[github-actions]

This issue is stale because it has been open for 7 days with no activity. If there are no further updates, a team member will close the issue.

[wenkaifan0720]

Hi @saketkrb2b. Unfortunately the blog you saw was more for teaching people how to design and animate such a popup menu. The menu would block things behind it when its invisible. But don't worry, you can achieve your desired behavior with one of our recent feature called custom dialog. The idea is that you make the menu into a component, and when you click on the floating action button, you trigger the open custom dialog action and pass in the menu component. Let me know if you have further questions.

Since this is not a bug on our end, I would close this issue for now. Thank you.