Padding and border radius issues on the media widget (video only, not image) in web publishing

[jessldelia]

Has your issue been reported?

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

Extra padding is given on the media widget (video only, not image) in web publishing. This issue doesn't occur in run mode, only in web publishing. The video is the one of the dress. The others are all images. Padding should be 12px but it's creating 24px.

Expected Behavior

The media widget (video) should fill the width of the container just like it behaves for images. It works in run mode but not in web publishing.

Steps to Reproduce

1. I created a blank project. Here it is, https://app.flutterflow.io/project/blank-project-z0nt0l
2. Click on this link, https://blank-project-z0nt0l.flutterflow.app/
3. Click on the square and upload a video.
4. You'll notice that the video doesn't fill the entire container. Instead, the border radius is cut off and extra padding is created.
5. When creating a blank project on your end, see attached screenshots for container width and height. width = 300px and height = 350px. Border radius is 20px. Clip content is set.
6. If you test in run mode, it will work. This issue only occurs with the media widget (video only, not image) when in web publishing.

Reproducible from Blank

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

Bug Report Code (Required)

IT40lsn1z4pNj7xH15CBaPlVgmA5KWU4a7ssle1raC4tGIz1P4kASszOSFVuTcPndkFmIE2KoGMzzNLJm9z1KcYBGzmrG4Q5z7oBcw7/dzmVbqapDZeKSmtuGshgCXaw17WnoxBSG7dvLkYawDiEBe68Sg3tJ4DBIVQeRP6aF9rXrgfuQ0SLb3kNh1JWeC/v

Context

The video and images need to align properly with one another.

^^ it should not look like this

^^ it should look like this

Visual documentation

Additional Info

No response

Environment

- FlutterFlow version: v4.0
- Platform: Web
- Browser name and version: This happens on chrome and Safari
- Operating system and version affected:

[hariprasadms]

Hi @jessldelia - Thank you for sharing the details. After reviewing your project, I am still struggling to fully understand the issue you are facing. Could you please provide additional details to clarify the exact nature of the issue?

[jessldelia]

Hi Hari - On the media widget (video only, not images) it appears that the clip content isn't working (there is space still on both the left and right side). The video is not filling the entire container. It works in run mode but not on web publishing. See attached screenshots (the video is the one of the dress). I worked with Henry from support on this issue and he confirmed it's a bug after also reproducing on his end.

Best, Jess

On Wed, Jan 10, 2024 at 5:27 AM Hari @.***> wrote:

Hi @jessldelia https://github.com/jessldelia - Thank you for sharing the details. After reviewing your project, I am still struggling to fully understand the issue you are facing. Could you please provide additional details to clarify the exact nature of the issue?

— Reply to this email directly, view it on GitHub https://github.com/FlutterFlow/flutterflow-issues/issues/2126#issuecomment-1884850176, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAJMGV4VODVSOQTTWI5NYYDYN2JLZAVCNFSM6AAAAABBTRQNEGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQOBUHA2TAMJXGY . You are receiving this because you were mentioned.Message ID: @.***>

[jessldelia]

Hi Hari,

I wanted to follow back up on the media widget issue where clip content is not working for video on web publishing. Is this something you and the team can debug?

Best, Jess

On Wed, Jan 10, 2024 at 8:11 AM Jess D'Elia @.***> wrote:

Hi Hari - On the media widget (video only, not images) it appears that the clip content isn't working (there is space still on both the left and right side). The video is not filling the entire container. It works in run mode but not on web publishing. See attached screenshots (the video is the one of the dress). I worked with Henry from support on this issue and he confirmed it's a bug after also reproducing on his end.

Best, Jess

On Wed, Jan 10, 2024 at 5:27 AM Hari @.***> wrote:

Hi @jessldelia https://github.com/jessldelia - Thank you for sharing the details. After reviewing your project, I am still struggling to fully understand the issue you are facing. Could you please provide additional details to clarify the exact nature of the issue?

— Reply to this email directly, view it on GitHub https://github.com/FlutterFlow/flutterflow-issues/issues/2126#issuecomment-1884850176, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAJMGV4VODVSOQTTWI5NYYDYN2JLZAVCNFSM6AAAAABBTRQNEGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQOBUHA2TAMJXGY . You are receiving this because you were mentioned.Message ID: @.***>

[hariprasadms]

Hello,

The issue is with development team. While it is slated for resolution in future updates, we are unable to provide an estimated time of arrival (ETA) for the fix due to the current priority level of the issue. Thank you for your understanding.

[github-actions[bot]]

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.