7.2 KiB
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, «Чат».