Как разблокировать скроллинг в input?

Question

[Millerish]

Мне нужно чтобы у элементов(input text) было свойство draggable и при этом можно было перемещаться внутри input.

После добавления draggable я потерял возможность прокручивать текст в input.

<div class="list">
  <input type="text" draggable='true' value='text1 text2 text3 text4 text5'>
  <input type="text" draggable='true' value='text1 text2 text3 text4 text5'>
  <input type="text" draggable='true' value='text1 text2 text3 text4 text5'>
</div>

.list input{
  display: block;
  width: 60px
}

Пример



Как это можно исправить? У кого были подобные задачи?

Comments

[ⓒⓢⓢ]

Если нужно перетаскивать именно input, то можете сделать задержку, примерно так:
При mousedown активируем таймер на 0.5 секунды (пример)
Если в течении 0.5с пришло событие mousemove, тогда мы хотим выделять текст
Если прошло больше чем 0.5с, тогда мы хотим перетащить элемент

В реалиях это выглядит как то так:
Выделение текста - нажимаем и сразу передвигаем указатель мыши
Перетаскивание - нажимаем, ждём 0.5 секунды и передвигаем указатель

[Millerish]

JRK_DV, тогда будет рывок(0.5с). Можно как-то определить направление перетаскивания?

[ⓒⓢⓢ]

Millerish, да