ContentEditable Selection Webkit Bug

Trying to select a blank line in a contenteditable when transformed does not work correctly.

by rgthree

HTML

<article contenteditable>
This is contenteditable. Try to select the next blank line (via double-click, click + drag, or ctrl/cmd+A):<br><br>^ (Displays correctly)
</article>
<article contenteditable>
    This is contenteditable w/ a translate property. Try to select the next blank line (via double-click, click + drag, or ctrl/cmd+A):<br><br>^ (Doesn't display correctly)
</article>

CSS

[contenteditable] {
    padding:10px; border:1px solid #000;
    min-height:20px;
}

[contenteditable] + [contenteditable] {
    -webkit-transform:translateY(10px);
}