SharePoint / SharePoint/sp-dev-docs
Fullscreening videos on an Adaptive Card Extension quickview not working
@Ashlesha-MSFT is already working on this.
Since May 6, 2025.
- 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
- Create an Adaptive Card Extension with a media object in the quickview callout
- 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
- 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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.