WidgetProvider's Media (video player) component shows the play button cut in half.

[lbdalmendrayMyradar]

Describe the bug

I want to create a widget with a Media component that let users play a video, but the Play button appears cut in half when I deploy the project. Please see the Image1 attached.

If I use the https://adaptivecards.io/designer/, it appears not cut in half. Please see Image2

Here I attached a template.json with that shows that issue. Remember to replace the <VIDEO_URL-MP4> with a valid video url :

{
  "type": "AdaptiveCard",
  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
  "version": "1.6",
  "body": [

    {
      "type": "TextBlock",
      "text": "Video Title",
      "wrap": true,
      "style": "heading"
    },
    {
      "type": "Media",
      "sources": [
        {
          "mimeType": "video/mp4",
          "url": "<VIDEO_URL-MP4>"
        }
      ]
    }
  ]
}

 

Steps to reproduce the bug

1. Go to https://learn.microsoft.com/en-us/samples/microsoft/windowsappsdk-samples/widgets/
2. Download the Widgets.zip file clicking the "Download ZIP" button.
3. Open the .sln file with VS 2022 in cs-console-packaged\CsConsoleWidgetProvider folder
4. Replace the CountingWidgetTemplate.json content with the code shared in the Bug Description.
5. Play "Provider on launch"
6. Find the widget provider associated in the Widget Dashboard and add the CountingWidget to see the issue.

Expected behavior

I want to see a common Play button.

Screenshots

Image1

Image2

NuGet package version

None

Packaging type

No response

Windows version

No response

IDE

Visual Studio 2022

Additional context

Windows version: 23H2