Редактор в форме

Редактор — поле формы, как TextControl: подпись, подсказка и ошибка из FormField, значение — в FormData под name.

Нажмите «Create ticket» с пустым описанием — появится ошибка, и фокус уйдёт в Редактор. Напишите текст и отправьте снова: ниже видно, что ушло в FormData.

Как устроеноСкопировать ссылку на раздел

• Имя — из подписи FormField. contenteditable не связывается с <label for>, поэтому FormField публикует id подписи, а Редактор ссылается на неё через aria-labelledby. Щелчок по подписи ставит фокус в Документ. aria-label здесь не нужен.
• Подсказка и ошибка уходят в aria-describedby, ошибка ставит aria-invalid и красит рамку.
• Значение в форме — HTML Документа в скрытом поле с name.
• Обязательность. Form кита — noValidate, поэтому проверка — забота экрана: isEmpty() решает по правилу кита (атом и картинка — содержимое, пустой абзац — нет). В обычной <form> проп required блокирует отправку пустого Документа сам, как нативное поле.