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
[X] π₯ Microsoft Edge
[X] π₯ 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.
Steps to reproduce
Create an Adaptive Card Extension with a media object in the quickview callout
2.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).
3.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.
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
Additional environment details
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.
Steps to reproduce
https://github.com/SharePoint/sp-dev-docs/assets/135698519/31b41d18-96ad-4ca5-9c22-2b230e8fefc0
3.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.