Skip to content

Persistent UI Bug: Variable Picker Not Appearing in Input Fields (e.g., App State, Supabase Upload Path) #6040

Open
@Kawaiilarka

Description

@Kawaiilarka

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

Hello FlutterFlow Support Team, I hope you are doing well. I am currently working on my app, "Skill Link," and I've been encountering a very frustrating UI bug for the past few days that is blocking my development progress. Problem Description: When I attempt to select a variable for any input field (specifically, the Value to set field in an Update App State action or the Upload folder path field in an Upload media to Supabase action), the variable picker (e.g., "From Variable," "Action Outputs," "Combine Text," etc.) does not appear. Only a simple text input box is visible. Clicking on this box or typing the $ sign does not trigger the variable picker UI to open. Context of the Issue:

  • Custom Action Output Issue (Cloudinary): Initially, I created a custom action named uploadImageToCloudinary which returns String?. I wanted to store its output in an App State variable, but the Value to set field in the Update App State action did not show the custom action's output in the "From Variable" option.
  • Supabase Integration Challenges:
    • My initial plan was to use Firebase Storage, but I faced issues with it.
    • I then tried Cloudinary, which led to the UI bug when attempting to set the App State from the custom action's output.
    • I am now trying to use Supabase Storage. I have successfully created a Supabase project, a storage bucket, and set up the necessary policies. The API URL and Anon Key are correctly entered in FlutterFlow.
    • Previously, the Get Schema button also failed because the database seemed to be unprovisioned (no default tables were visible). I manually created a test_table, and now Get Schema is working successfully.
    • The Current Core Issue: Even after resolving the Get Schema problem, I am unable to set dynamic paths like users/[Authenticated User > User ID]/ in the Upload folder path field for the Upload media to Supabase action. The variable picker for Authenticated User > User ID or "Combine Text" is still not appearing; only a plain text input box is present. Troubleshooting Steps I Have Already Taken (Please note, these have been performed multiple times):
  • Hard Refresh: Closed all browser tabs for FlutterFlow and reopened the project.
  • Cleared Browser Cache: Cleared browser cache and cookies specifically for FlutterFlow.
  • Tried Different Browsers: Tested on both Google Chrome and Mozilla Firefox.
  • Action Deletion/Re-addition: Deleted and re-added the affected actions (Update App State and Upload media to Supabase).
  • Custom Action Verification: Confirmed that my custom action uploadImageToCloudinary (and uploadFirebaseImageToCloudinary, if created) correctly returns String?. Impact: This bug is preventing me from completing core functionalities in my app, such as dynamically uploading profile pictures to user-specific folders and accurately setting App State variables from custom action results. Request: I kindly request your assistance in diagnosing and resolving this persistent UI bug. I need your help to get past this roadblock. Thank you for your time and support. Sincerely, [M Haseeb] [[email protected]]my flutterflow account

Image

Expected Behavior

Expected Behavior: When clicking on input fields like Upload folder path or Value to set, the variable picker UI (showing options like "From Variable", "Combine Text", "Specific Value", etc.) should appear, allowing me to select variables and construct dynamic paths.

Steps to Reproduce

Steps to Reproduce: * Go to my Pop-up component (where profile picture selection is). * Select 'Choose from Gallery' or 'Take Here' button. * In the On Tap actions, configure Action 2: Upload media to Supabase. * In the Upload media to Supabase settings, navigate to the Upload folder path field. * Click inside the Upload folder path text input field. * Observe: The variable picker UI (e.g., "From Variable", "Combine Text") does not appear; only a plain text input is shown.

Reproducible from Blank

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

Bug Report Code (Required)

IT40hcqA5YxOtbxD1aqNa8Exhj45KWJ6RJEwmsJraCgoIYyuOpl/evXsZRNVcOG+Y2NmJESmmToDwdaKifzxK+04aEiBboA+yqhuSjrJTnu7QZOBBpG0ZnRPEplQGXHG0MKjgSVNPrFfLGQ92HGuH/PKYCjbGIT7ImdISq/LZO4=

Visual documentation

Image

Environment

- FlutterFlow version: 
- Platform:
- Browser name and version:
- Operating system and version affected:

Additional Information

No response

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions