Текст при вставке в форму виден с конца строки

Question

Можно ли сделать чтобы при вставке в форму текст показывался не с конца строки,а с ее начала? То есть,например когда вставляем ссылку типа https://web.postman.co/build/workspace, в форме я вижу

А надо вот так:

Answer 1

Просто при изменении значения input-а, установите каретку в начало:

<input type="text"> - обычный input
<br><br>
<input type="text" oninput="this.setSelectionRange(0,0);"> - с фокусом в начале
<br><br>
<i>Длинный текст для копирования и вставки</i>

Хотя, при потере фокуса, строка сама занимает нужное положение.

Answer 2

Что-то оно не скроллится по setSelectionRange без blur)

document.querySelector('input')
  .addEventListener('paste', function () {
    setTimeout(() => {
      this.setSelectionRange(0, 0);
      this.blur();
      this.focus();
    });    
  })

<input type=text>

БЛОГ НА HUSL

Текст при вставке в форму виден с конца строки

Ответы (2 шт):