svg inside div is not tabbable in chrome

by Jakub Jedryszek

HTML

<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<div> 
    <a href="http://jj09.net" id="first">
        <div>
            <svg width="400" height="110" focusable="false">
                <rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" />
            </svg>
        </div>
    </a>
 
    <a href="http://jj09.net" id="last">
		<svg width="400" height="110" focusable="false">
            <rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" />
        </svg>
    </a>

    <br /> 
    
    <code></code>

</div>

JavaScript

$("code").html("istabbable (with div)? " + $("a#first").is(":tabbable") + "<br/>" +
    "istabbable (without div)? " + $("a#last").is(":tabbable"));