Bug 162232 – Fullscreen elements render improperly if they have a parent with animated 'translate'

• Status: NEW
• Component: Layout and Rendering

[Andrew Monks]

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.

[Ahmad Saleem]

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!

[Ahmad Saleem]

(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.