When using VoiceOver gestures to move to the next logical item in the DOM focus moves even though a tabindex is not set on the object and even if it is not a form control. While this is fine, if you move focus to an element beyond the end of the visible part of the browser window (offscreen) the browser draws the focus ring in the space outside the browser. Desktop browser ensure the focus rectangle is within the browser window. To fix this problem a web application needs to monitor the focus location by tracking focus change events and position the focus location within the browser. This should be the responsibility of the browser. An additional manifestation of this problem is that even though the focus is moving the activeElement attribute is not updated in the Document object. It remains on the body tag. We ran this on IOS 6.1. Both Chrome and Safari, running on IOS, have the same problem. I have included a link for the URL above to test and provided it here as well. http://archive.dojotoolkit.org/nightly/dojotoolkit/dojox/mobile/tests/test_ScrollableMixin-custom.html
<rdar://problem/16013965>