SharePoint / SharePoint/sp-dev-docs

Fullscreening videos on an Adaptive Card Extension quickview not working

Open
#10,234 2 comments 0 reactions 1 assignee View on GitHub

@Ashlesha-MSFT is already working on this.

Since May 6, 2025.

area:spfx-extensions sharepoint-developer-support type:bug-confirmed type:bug-suspected
Dominant language
PowerShell
Stars
1.4k
Forks
1.1k
Avg merge
4d 12h
Merged PRs (30d)
12

Description

Target SharePoint environment

SharePoint Online

What SharePoint development model, framework, SDK or API is this about?

💥 SharePoint Framework

Developer environment

Windows

What browser(s) / client(s) have you tested
  • 💥 Internet Explorer
  • 💥 Microsoft Edge
  • 💥 Google Chrome
  • 💥 FireFox
  • 💥 Safari
  • mobile (iOS/iPadOS)
  • mobile (Android)
  • not applicable
  • other (enter in the "Additional environment details" area below)
Additional environment details

Chrome Version 120.0.6099.130 (Official Build) (64-bit)
SPFx version 1.15.2
Node.js version 16.20.1

Describe the bug / error

When a Media player is used for a video, it appears normally within the space of the quickview callout. However, when attempting to fullscreen the video, the callout disappears and the video stops playing. This only occurs when the ACE/Callout are on specific lower portions of the screen.
This is a copy of #9431 which was archived and closed without being resolved - I have reproduced the issue today.

Steps to reproduce
  1. Create an Adaptive Card Extension with a media object in the quickview callout

Image

  1. Add the ACE to a dashboard page and scroll so that it is in the position on the screen roughly approximated in the video below (I find that having the ACE on the second-to-last row of the page and scrolling all the way to the bottom reproduces the issue, but your results may vary).

https://github.com/user-attachments/assets/4dfba019-51dd-4a24-b33a-043b00177afa

  1. Open the ACE quickview, play the video and fullscreen it. You may have to scroll up/down the page slightly, as it doesn't always happen.

You will notice that when the issue occurs, the page scrolls to a specific point. If you open the quickview at that point (or any point scrolled up), the video will fullscreen without issue - however, if you scroll even one tick down from that point, the issue will occur again.

Expected behavior

When on selecting the "fullscreen" option a video media from an Adaptive Card Extension quickview, the video should behave the same no matter the ACE position on the page - the video should keep playing from its current time, take up the entire screen width/height, and be able to exit fullscreen when the user wishes instead of self-closing immediately.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.