Please access this fiddle using internet explorer (11): https://jsfiddle.net/kaljak/yw7Lc1aw/1/
When the page loads, the <p> tag is focused and Internet Explorer slightly scrolls the element so that the table border becomes invisible...
document.querySelector("P").focus();
document.querySelector("P").focus();TABLE {
border-left: 20px solid blue;
border-right: 20px solid blue;
table-layout: fixed;
}
p {
width: 1000px;
}
DIV {
overflow: auto;
}<div>
<table>
<tr>
<td>
<p tabindex="0">Test</p>
</td>
</tr>
</table>
</div>Is there a way to prevent this scrolling behavior?