Home/ Questions/Q 6837633
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T23:30:02+00:00

please see the following: http://jsfiddle.net/8sq2w/ Problem: Focus in the item Highlight the text and

  • 0

please see the following:

http://jsfiddle.net/8sq2w/

Problem:

  1. Focus in the item
  2. Highlight the text and move the cursor all the way to the right
  3. Focus out of the item
  4. Note how the item is now stuck at the end, broken

Problem:

enter image description here

How can you reset on blur so you see the front of the div content?

Desired after focus:

enter image description here

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can just restore the window position on the JavaScript onblur event.

    For example:

    <div contenteditable="true" class="listItem" onblur="window.scroll(0,0)">This is a really big field...</div>

    Or if you don’t want to scroll the window, use event.target:

    <div contenteditable="true" onblur="event.target.scroll(0,0)"></div>
    • 0