У меня есть элемент select, который должен иметь обязательный атрибут для проверки пустого поля. Материализация создает вместо этого поле ввода, а затем скрывает исходное поле выбора. Это вызывает ошибку в браузере Chrome
An invalid form control with name='foo' is not focusable.
Я думаю, что корень этой ошибки в том, что элемент select скрыт материализуемым, поэтому, когда браузер проверяет наличие обязательного атрибута, он не может отображать «Пожалуйста, введите это полеmsgstr "html предупреждение. Мне нужно показать это сообщение. Кто-нибудь знает, как избежать этой ошибки браузера и разрешить показ всплывающего сообщения?
Я использую шаблон тимилиста (я думаю, что это не имеет значения, но я просто включил эту информацию на всякий случай). Мой HTML выглядит так:
<select th:field="*{foo}" required="" aria-required="true">
<option th:value="null"></option>
<option th:each="f : ${fooList}"
th:value="${f}"
th:text="${f}"></option>
</select>
<label for="foo">foo</label>