<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 - WebVTT: Various (Position) issues when using line percentage"
href="https://bugs.webkit.org/show_bug.cgi?id=159467">159467</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>WebVTT: Various (Position) issues when using line percentage
</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>All
</td>
</tr>
<tr>
<th>OS</th>
<td>All
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Major
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>WebKit API
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>john.streckfuss@aesirmedia.com
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=282893" name="attach_282893" title="Shows the output of the WebVTT file">attachment 282893</a> <a href="attachment.cgi?id=282893&action=edit" title="Shows the output of the WebVTT file">[details]</a></span>
Shows the output of the WebVTT file
Positioning and clipping issues:
Hello World 1, is not set to 8 percent instead it set close to the edge of the left side of the screen about 2%
Hello World 2, is clipping its content to when aligned to the right, at minimum it should display the ending content and clip the starting content.
8HelloWorld and 9HelloWorld demonstrate the clipping issues when displayed to the right.
Alignment issues:
HelloWorld B, seems to be correct at 50% pos, 50% line the following is based on this captions
HelloWorld C, seems to be correct when set to be right aligned
HelloWorld A is Incorrect, it should be set where HelloWorldE is displayed.
WEBVTT
00:00:00.000 --> 00:00:10.000 line:10% position:20% align:middle
20%
00:00:00.000 --> 00:00:10.000 line:20% position:8% align:left
Hello world 1.
00:00:00.000 --> 00:00:10.000 line:30% position:20% align:right
Hello world 2.
00:00:00.000 --> 00:00:10.000 line:40% position:50% align:left
Hello world A.
00:00:00.000 --> 00:00:10.000 line:40% position:71% align:left
Hello world E.
00:00:00.000 --> 00:00:10.000 line:50% position:50% align:middle
Hello world B.
00:00:00.000 --> 00:00:10.000 line:60% position:50% align:right
Hello world C.
00:00:00.000 --> 00:00:10.000 line:70% position:90% align:left
8 Hello world.
00:00:00.000 --> 00:00:10.000 line:80% position:85% align:left
9 Hello world.</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>