Place cursor on clicked cell on editable list

Hello,

I have an editable list that when it double clicked, it turn into editable mode.
I added a horizontal scroll to the list using custom javascript.
The problem is, when i double click on the cell/field on the far right end of the list, the scroll keep coming back to the left end of the list.

Is there any way or workaround to keep the cursor on cell/ field that i double click?

Thanks