<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - Fullscreen elements render improperly if they have a parent with animated 'translate'"
href="https://bugs.webkit.org/show_bug.cgi?id=162232">162232</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Fullscreen elements render improperly if they have a parent with animated 'translate'
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>WebKit Nightly Build
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Macintosh
</td>
</tr>
<tr>
<th>OS</th>
<td>macOS 10.12
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Minor
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>Layout and Rendering
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>a@monks.co
</td>
</tr>
<tr>
<th>CC</th>
<td>simon.fraser@apple.com
</td>
</tr></table>
<p>
<div>
<pre>Example URL: <a href="http://codepen.io/amonks/pen/GjjdoA">http://codepen.io/amonks/pen/GjjdoA</a>
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: <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=501246">https://bugs.chromium.org/p/chromium/issues/detail?id=501246</a>
I copied-and-pasted most of this text from there.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>