<!DOCTYPE html>
Some text before the floats.
<div style="float: left;">
  <input type="text" id="floatedEditable" value="Drag from the middle.">
</div>
<div style="width: 100%; float: left;">
  Some floated text in a div.
</div>
Some text after the floats.
<p style="padding-top: 1em;">
To test manually, drag from the middle of the input element to the
right, into the non-floated text. The selection should go to the end
of the input element and not jump to the beginning.
</p>
<p id="result"></p>
<pre id="console"></pre>
<script src="resources/select-out-of-floated-editable.js"></script>