Текстовый HTML-элемент имеет красную рамку, как будто ввод неверен, при загрузке страницы в Firefox.Состояние действительно так, как требуется, но его следует активировать только после фокусировки или касания.
box-shadow:none; полностью удалит границу, но после касания или фокусировки и неверного ввода граница должна отобразиться.
Пример: https://codesandbox.io/embed/controlled-text-area-required-xgshh?fontsize=14
Работает, как ожидается, в браузерах Chrome и мобильных устройствах.