Range и Selection не корректное поведение в IE и Firefox - JavaScript

Всем привет. Столкнулся с задачей ,над которой уже долгое время ломаю голову...

Описание проблемы: при выделении текста ,не точно сначала слова или не точно до конца слова (визуально selection остается корректым но зажав кнопку мыши выделив текст и не отпуская сдвинуть курсор левее, ниже и т.д не выделяя доп пробел но и немного выходя за рамки выделения) как сдесь например... здесь

в IE и Firefox в обьект Range :

1. Если выделять слева направо, и слева делать выделение точно по слову, а справа немного зайти за это слово(selection визуально не измениться) - приходит startContainer - выделяемый элемент, а endContainer приходит не корректный (общий родитель например)

2. справа налево - наоборот endContainer - норм, startContainer - нет

в обьектe Selection

1.слева направо anchorNode - норм, focusNode - не корректен

2.и наоборот использовал для Range

selection.getRange(0)

для selection

window.getSelection()

Может кто-то сможет помочь с данной проблемой. уже много времени убил на это... Но решения не нашел/придумал... Спасибо