<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><span class="vcard"><a class="email" href="mailto:jelbourn@gmail.com" title="Jeremy Elbourn <jelbourn@gmail.com>"> <span class="fn">Jeremy Elbourn</span></a>
</span> changed
<a class="bz_bug_link
bz_status_NEW "
title="NEW - AX: When navigating the elements of a scrollable element with VoiceOver, the scrollTop() position of the element does not permanently change"
href="https://bugs.webkit.org/show_bug.cgi?id=125720">bug 125720</a>
<br>
<table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>What</th>
<th>Removed</th>
<th>Added</th>
</tr>
<tr>
<td style="text-align:right;">CC</td>
<td>
</td>
<td>jelbourn@gmail.com
</td>
</tr></table>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - AX: When navigating the elements of a scrollable element with VoiceOver, the scrollTop() position of the element does not permanently change"
href="https://bugs.webkit.org/show_bug.cgi?id=125720#c2">Comment # 2</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - AX: When navigating the elements of a scrollable element with VoiceOver, the scrollTop() position of the element does not permanently change"
href="https://bugs.webkit.org/show_bug.cgi?id=125720">bug 125720</a>
from <span class="vcard"><a class="email" href="mailto:jelbourn@gmail.com" title="Jeremy Elbourn <jelbourn@gmail.com>"> <span class="fn">Jeremy Elbourn</span></a>
</span></b>
<pre>Here is an example where this behavior with VoiceOver completely breaks the date-picker component in Angular Material:
<a href="https://dl.dropboxusercontent.com/u/18203969/oneoff/v4/datepicker.html">https://dl.dropboxusercontent.com/u/18203969/oneoff/v4/datepicker.html</a>
Summary of what's going on:
The pop-up calendar has a table (with role=grid) inside of a very large scrollable container. As the container scrolls, tbody elements in the table are added and removed so that only 6 or 7 are rendered at a time.
When the calendar is opened, the container is scrolled to about half its scrollHeight and sets focus to the gridcell for the selected date. When this focus occurs with VoiceOver active, however, the container jumps to scrollTop = 0, which then both shows the wrong date and destroys the gridcell that had focus, leaving the user in quite the unhappy state.
This bug only seems to occur in Safari with VoiceOver; Chrome with VoiceOver works as expected.</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>