Hi everyone,
I’m currently facing a perplexing issue with my Bubble app and would greatly appreciate any insights or suggestions from the community.
Problem Description:
My app is designed to generate a unique slug for each uploaded image, which is then used to create shareable links. This functionality works flawlessly on desktop devices; the slug is generated, and the resulting URL is complete and functions as expected. However, when the same process is initiated on a mobile device, the slug fails to generate, resulting in an incomplete URL.
Details:
- Workflow Overview:
- The image is uploaded.
- A session ID is generated and stored.
- A slug is created based on the session ID.
- The final URL is constructed using the generated slug.
- This URL is then shared via the Web Share API.
- Current State Setup:
- Custom states are used to store dynamic data.
- The workflow includes steps to ensure the custom state is set with the session ID and the slug.
- JavaScript Integration:
- A JavaScript snippet is used to construct the URL and invoke the Web Share API.
Issues Encountered:
- On Desktop: Everything works perfectly; the slug is generated, and the URL is complete.
- On Mobile: The slug does not generate, leading to an incomplete URL (
/response/
without the slug).
Troubleshooting Steps Taken:
- Verified the workflow steps and custom state settings.
- Ensured that there are no conditional settings or responsive settings affecting the slug generation.
- Tried different approaches, including setting a hidden text element and directly referencing the session ID instead of the slug.
Request for Assistance: I’m reaching out to the community to seek your advice on the following:
- Has anyone encountered a similar issue with slug generation discrepancies between mobile and desktop?
- Are there any specific settings or workflows that might cause such behavior on mobile devices?
- Any alternative approaches to ensure a unique identifier is generated and included in the shareable link for mobile users?
Thank you in advance for your help!