Bug 162232 - Fullscreen elements render improperly if they have a parent with animated 'translate'
Summary: Fullscreen elements render improperly if they have a parent with animated 'tr...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: WebKit Nightly Build
Hardware: Mac macOS 10.12
: P2 Minor
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2016-09-19 13:54 PDT by Andrew Monks
Modified: 2023-04-21 05:48 PDT (History)
6 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Andrew Monks 2016-09-19 13:54:45 PDT
Example URL: http://codepen.io/amonks/pen/GjjdoA

Steps to reproduce the problem:
1. Open the link above
2. Fullscreen the embedded Youtube player

What is the expected behavior?
The youtube player is shown in the fullscreen

What went wrong?
The youtube player is constrained within its ancestor.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? No

Does this work in other browsers? Yes. Both webkit and blink show this error, but firefox renders correctly.

Here's a reference to the same bug in chromium's tracker: https://bugs.chromium.org/p/chromium/issues/detail?id=501246

I copied-and-pasted most of this text from there.
Comment 1 Ahmad Saleem 2022-10-05 11:50:48 PDT
I am able to reproduce this issue in Safari Technology Preview 154 and the full screen leads to codepen result output being fullscreen while youtube embed being limited to few pixel in height and stretched to end to end.

Chrome Canary 108 works fine and so do Firefox Nightly 107 as well. Thanks!
Comment 2 Ahmad Saleem 2023-04-21 05:48:01 PDT
(In reply to Ahmad Saleem from comment #1)
> I am able to reproduce this issue in Safari Technology Preview 154 and the
> full screen leads to codepen result output being fullscreen while youtube
> embed being limited to few pixel in height and stretched to end to end.
> 
> Chrome Canary 108 works fine and so do Firefox Nightly 107 as well. Thanks!

This seems to now work fine in Safari Technology Preview 168.

Appreciate if someone else can confirm that it is working as intended, so we can close this. Thanks!

CCing - Tim, since he worked on Fullscreen API recently.