JQuery UI Tabs Accessibility Bug

1. Only repros in IE9-11 2. Only repros for the “arrow” key (tabbing into and out of the control always resets focus indicator). It is expected behavior for an arrow key to lose focus as it is technically reading mode. 3. Hovering over an element that is missing focus indicator resets focus indicator. 4. Works as expected in Edge, Chrome and Firefox. Expected: Browser provided visual focus indicator should be present when navigating tas with either the tab key or arrow keys. Actual: Tabbing into and out of the "tabs" causes the VFI to appear. Also, on mouseover of an active tab, the VFI will suddenly reappear.

by pastorjayrich

HTML

<div class="tabs htabs">
            <ol>
                <li><a href="#hone">Tab 1</a></li>
                <li><a href="#htwo">Tab 2</a></li>
                <li><a href="#hthree">Tab 3</a></li>
            </ol>
            <div id="hone">Pellentesque vel blandit turpis, quis posuere metus. Sed imperdiet consequat eleifend. Pellentesque sed magna at dolor bibendum tempor. Ut egestas neque ac faucibus luctus. Integer fringilla leo vel dolor sagittis aliquam. Vivamus interdum elit et interdum eleifend. Proin hendrerit tincidunt nisl, eu feugiat dui gravida nec. Duis posuere massa sit amet nibh semper interdum. Sed convallis orci id ex venenatis, et iaculis ante tempus. Pellentesque risus nulla, tristique vitae magna in, porttitor ultrices sapien. Mauris magna neque, pharetra vel tristique vitae, scelerisque eget sapien. Sed porta nisl in elit mollis, sed lacinia lorem placerat. Vestibulum aliquam, lectus at gravida luctus, metus est bibendum orci, ut interdum libero turpis non erat. Nulla rutrum sapien nisi, eu faucibus turpis tincidunt ut.</div>
            <div id="htwo">Integer in nulla faucibus, volutpat purus sit amet, feugiat ligula. Aenean risus tortor, condimentum in mollis eget, varius id neque. Nam odio magna, interdum in lacinia vel, aliquam scelerisque orci. Fusce non erat ornare, ullamcorper nunc quis, commodo massa. Mauris sed ligula tortor. Nam sed rutrum libero. Aenean finibus, nulla dictum pretium fringilla, purus augue vestibulum est, sed gravida purus nisi ut leo. Duis id dolor in quam suscipit interdum non iaculis tellus. Morbi fringilla congue neque, at rhoncus nisi ullamcorper nec. Nulla sed porta enim. Aliquam imperdiet tincidunt varius. Suspendisse fringilla elementum velit sit amet tempor. Quisque convallis sem eros, fermentum interdum tortor tincidunt vitae. Donec nisi est, pretium ultrices mauris in, fringilla ornare libero.</div>
            <div id="hthree">Suspendisse eget enim molestie, congue elit id, dapibus magna. Pellentesque...

JavaScript

$(".tabs").tabs();