title: webkit div scrolling issue - asked over and over
body: <p>So, I have <a href="http://jsfiddle.net/6VW2t/2/" rel="nofollow">this jsfiddle example</a>, as you will see, we have a scrollable <code>div</code> and a text <code>input</code> field as child.</p>
  
  <p>The problem is this: the input box <strong>must</strong> stay inside container, but the div must NOT scroll when typing in.</p>
  
  <p>I tried to catch <code>keypress</code> events and to scroll back, but it jumps around. Also, if you press <code>left-click</code> insite <code>input</code> and drag to the right, you will notice the div scrolling.</p>
  
  <p>This question (and similar) had been asked before. No satisfactory answer until now. The only "fix" is to move the <code>input</code> outside the <code>div</code>. But, in my particular scenario, is not possible.</p>
  
  <p>Any ideas ?</p>
  
  <p>This happens only to Chrome (I suspect all webkit browser, but only tested in Chrome).</p>