<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 - AX: Media controls are operable but not visible after returning from Full Screen Mode"
href="https://bugs.webkit.org/show_bug.cgi?id=156856">156856</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>AX: Media controls are operable but not visible after returning from Full Screen Mode
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>Safari 9
</td>
</tr>
<tr>
<th>Hardware</th>
<td>iOS
</td>
</tr>
<tr>
<th>OS</th>
<td>iOS 9.3
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>Accessibility
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>aaron_chu@apple.com
</td>
</tr>
<tr>
<th>CC</th>
<td>webkit-bug-importer@group.apple.com
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=276940" name="attach_276940" title="an analysis of the makeup for the media controls.">attachment 276940</a> <a href="attachment.cgi?id=276940&action=edit" title="an analysis of the makeup for the media controls.">[details]</a></span>
an analysis of the makeup for the media controls.
Test case: <a href="http://ghbweb.com/ios_video_issue/">http://ghbweb.com/ios_video_issue/</a>
As a correct behavior, the media controls disappear at about 3 ~ 4 seconds after the play button is clicked. When a user starts a video and enter full screen, the controls (or the container anyway) remains in the DOM for about 3 ~ 4 before it disappears. When the user exists full screen mode, the controls return as operable invisible controls. Attached please see an analysis of the markup for the controls. It appears that "-webkit-media-controls-panel-background" and "-webkit-media-controls-panel" are missing the "show" class after the user exists full screen.</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>