<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>162232</bug_id>
          
          <creation_ts>2016-09-19 13:54:45 -0700</creation_ts>
          <short_desc>Fullscreen elements render improperly if they have a parent with animated &apos;translate&apos;</short_desc>
          <delta_ts>2026-10-15 10:07:52 -0700</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>Layout and Rendering</component>
          <version>WebKit Nightly Build</version>
          <rep_platform>Mac</rep_platform>
          <op_sys>macOS 10.12</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>CONFIGURATION CHANGED</resolution>
          
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords></keywords>
          <priority>P2</priority>
          <bug_severity>Minor</bug_severity>
          <target_milestone>---</target_milestone>
          
          <blocked>276855</blocked>
          <everconfirmed>1</everconfirmed>
          <reporter name="Andrew Monks">a</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>ahmad.saleem792</cc>
    
    <cc>a</cc>
    
    <cc>bfulgham</cc>
    
    <cc>fred.wang</cc>
    
    <cc>jer.noble</cc>
    
    <cc>ntim</cc>
    
    <cc>simon.fraser</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1231304</commentid>
    <comment_count>0</comment_count>
    <who name="Andrew Monks">a</who>
    <bug_when>2016-09-19 13:54:45 -0700</bug_when>
    <thetext>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&apos;s a reference to the same bug in chromium&apos;s tracker: https://bugs.chromium.org/p/chromium/issues/detail?id=501246

I copied-and-pasted most of this text from there.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1903480</commentid>
    <comment_count>1</comment_count>
    <who name="Ahmad Saleem">ahmad.saleem792</who>
    <bug_when>2022-10-05 11:50:48 -0700</bug_when>
    <thetext>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!</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1950330</commentid>
    <comment_count>2</comment_count>
    <who name="Ahmad Saleem">ahmad.saleem792</who>
    <bug_when>2023-04-21 05:48:01 -0700</bug_when>
    <thetext>(In reply to Ahmad Saleem from comment #1)
&gt; I am able to reproduce this issue in Safari Technology Preview 154 and the
&gt; full screen leads to codepen result output being fullscreen while youtube
&gt; embed being limited to few pixel in height and stretched to end to end.
&gt; 
&gt; 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.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2262412</commentid>
    <comment_count>3</comment_count>
    <who name="Frédéric Wang Nélar">fred.wang</who>
    <bug_when>2026-10-12 01:21:03 -0700</bug_when>
    <thetext>(In reply to Ahmad Saleem from comment #2)
&gt; (In reply to Ahmad Saleem from comment #1)
&gt; &gt; I am able to reproduce this issue in Safari Technology Preview 154 and the
&gt; &gt; full screen leads to codepen result output being fullscreen while youtube
&gt; &gt; embed being limited to few pixel in height and stretched to end to end.
&gt; &gt; 
&gt; &gt; Chrome Canary 108 works fine and so do Firefox Nightly 107 as well. Thanks!
&gt; 
&gt; This seems to now work fine in Safari Technology Preview 168.
&gt; 
&gt; Appreciate if someone else can confirm that it is working as intended, so we
&gt; can close this. Thanks!
&gt; 
&gt; 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 &quot;fullscreen button&quot; and this is not mentioned in the report. However, I see nothing like in comment 1. So I think we can close.</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>