Transparent gradient is not transparent inside flippable cards

[adamriha97]

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 have a container inside a flippable card. When I use gradient in this container and one of the colors of gradient is Tansparent, it will show correctly in the editor, but in the end in the test or when I publish, the color is not transparent.

Expected Behavior

I expect the Transparent color to be transparent the same way it shows in the editor.

Steps to Reproduce

1. Add flippable card on the page.
2. Add container on the front page of flippable card.
3. Add gradient on this container and make one of colors Transparent.
4. Test the app and observe the bug.

Reproducible from Blank

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

Bug Report Code (Required)

IT8Kz8jfz4pPxc9Y15DubMdB/T4WHEwkaIIrl+tqEBUbCLbpPZkAZs/RU1ZVZNO8YmNAIkyGmn8y7NHtiYbpCvkCCwutbL5twqluWz3KY3GRRcyDGbqddEZSRPFWI27A18COkR1COuptSlkj2V2UJfaSXnPaO6a3OVYkRs+iVZ3MnWydKwzrDjtJ3WoOIWmnP/QLLz+xhoqUtpJh0eDnyw==

Context

I am trying to have a background image in my flippable card and then have half transparent gradient on it so the text on the image is vissible and so is the image.

Visual documentation

Additional Info

Project ID: transparent-gradient-flippable-bug-sd8tmo

Environment

- FlutterFlow version: v4.1
- Platform: Web
- Browser name and version: Chrome Version 123.0.6312.88 (Official Build) (64bit)
- Operating system and version affected: Windows 10 Pro

[rzambroni]

Hey @adamriha97, i was able to replicate your issue. The team will be taking a look.

Thanks for the report.

[xfanwu]

I have a similar issue and found this post. Has there been a fix since April?