Files
bare/docs/decisions/071-input-limit-cuts-what-arrives.md

7.2 KiB
Raw Permalink Blame History

ADR-071: Предел строки сообщения держится до вставки

Пересмотрен ADR-076: после возврата к textarea предел снова держит нативный maxLength; ручная обработка вставки больше не нужна.

Уточняет ADR-069: предел 4000 символов держит по-прежнему сам блок, но режет он приходящее, а не набранное.

Контекст

Предел проверялся после вставки: блок переписывался значением, обрезанным по пределу. Резался при этом хвост всего содержимого, а не то, что только что пришло. Замер: в блоке 3950 «A», курсор на позиции 10, вставка 200 символов из буфера — в блоке 4000 символов, из них 3800 «A»: полтораста набранных символов исчезли. Отмена их не вернула: присваивание textContent сносит стек отмены браузера. maxLength у прежней textarea вёл себя обратно — резал вставляемое и не трогал ни одного уже набранного символа.

Тем же переписыванием блока стояли рядом ещё три расхождения с прежним полем:

  • обрезка шла по единицам UTF-16 и разрывала суррогатную пару. 3999 «q» и набранное «😀» оставляли в блоке одинокий старший суррогат, и он доезжал собеседнику. maxLength эмодзи на границе просто не принимал.
  • проверка срабатывала во время композиции IME. У предела композиция обрывалась на полуслове, а подтверждённый ввод не попадал в блок вовсе.
  • курсор уезжал в конец на каждом нажатии. Править середину полного сообщения было нельзя; maxLength лишний символ не пускал и курсора не трогал.

И два счёта мимо: заполнитель последней строки, который Chrome держит в plaintext-only вторым \n в самом конце, попадал и в счётчик, и в предел — перенос в конце стоил двух символов из четырёх тысяч. А в запасном пути (браузер без plaintext-only) перетаскивание текста внутри самого блока раздваивало его: вставку там делаем мы, отменяя действие браузера, и уносить исходное браузеру после этого нечем.

Решение

  • Предел держится до вставки, а не после. beforeinput знает и что придёт (data, для буфера и мыши — dataTransfer), и что заменится (getTargetRanges). Влезающее вставляет браузер сам — тогда и отмена остаётся его. Не влезающее отменяется и вписывается обрезанным по свободному месту.
  • Свободное место — предел минус то, что останется от набранного, когда заменяемое уйдёт. Набранное не режется никогда: сверх предела не проходит только приходящее.
  • Резать по границе суррогатной пары нельзя: не влезла старшая половина — не вставляется и она. Эмодзи, которому не хватило одного символа, не попадает в блок вовсе — так же, как не пускал его maxLength.
  • Композиция IME не трогается ничем: ни проверкой до вставки, ни обрезкой после. Лишнее снимается один раз, на compositionend; пока идёт композиция, счётчик стоит на месте.
  • Обрезка после вставки остаётся последней страховкой — для того, что приехало мимо beforeinput. Она снимает ровно хвост сверх предела правкой текстовых узлов, а не переписывает блок: курсор остаётся там, где стоял, стек отмены цел.
  • Считается и режется то, что уедет собеседнику: заполнитель последней строки в счёт не идёт. В plaintext-only это лишний \n в самом конце — в textContent он виден, а в сообщении его нет, его снимает trim при отправке. В запасном пути заполнитель — <br>, которого в textContent нет вовсе, и перенос в конце там настоящий.
  • Перетаскивание изнутри блока в запасном пути объявляется копированием (effectAllowed = "copy"). Переноса при отменённом действии по умолчанию не выйдет, и молчаливое удвоение становится честной копией.

Следствия

  • Вставка в середину длинного сообщения больше не стирает набранное, и отмена работает везде, где вставку делает браузер.
  • Отмена по-прежнему не помнит нашу вставку там, где её делаем мы: при переполнении и в запасном пути (ADR-069). Терять там уже нечего — часть вставленного и так не влезла.
  • Одинокого суррогата в сообщении не бывает.
  • Счётчик у порога говорит правду: перенос в конце стоит одного символа, а не двух.
  • Курсор на пределе остаётся на месте: полное сообщение можно править с середины.
  • Перетаскивание изнутри блока прогоном не проверяется: самодельный DataTransfer присвоения не принимает, а настоящее перетаскивание браузер без окна из страницы не начинает. Проверка — руками, в браузере без plaintext-only.
  • Записано в docs/ui.md, «Чат».