Bug 162232
| Summary: | Fullscreen elements render improperly if they have a parent with animated 'translate' | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Andrew Monks <a> |
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Minor | CC: | ahmad.saleem792, a, bfulgham, fred.wang, jer.noble, ntim, simon.fraser |
| Priority: | P2 | ||
| Version: | WebKit Nightly Build | ||
| Hardware: | Mac | ||
| OS: | macOS 10.12 | ||
| Bug Depends on: | |||
| Bug Blocks: | 276855 | ||
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.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
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.
Frédéric Wang Nélar
(In reply to Ahmad Saleem from comment #2)
> (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.
I cannot reproduce the issue with Safari 27.0.1
I think I need to play the video to be able to see the "fullscreen button" and this is not mentioned in the report. However, I see nothing like in comment 1. So I think we can close.