Мы используем проверку формы HTML5 без перезаписи пользовательского интерфейса системы по умолчанию для сообщений об ошибках проверки. Это нормально работает везде, кроме iOS Safari, где сообщения проверки не выровнены должным образом во всплывающем окне. Мы протестировали это на двух совершенно разных устройствах и с разными формами. Даже минимальная форма без CSS дает тот же результат:
https://jsfiddle.net/GinSan/48hnrf92/1/
<form>
<label for="test">Test field</label>
<input required id="test" name="test" type="text">
<button type="submit">Submit</button>
</form>
Вот как выглядит сообщение проверки на iOS устройствах, которые мы тестировали:
Сообщение проверки выровнено по верхнему краю, а не по центру, даже если это системный элемент пользовательского интерфейса. Это известная проблема? Можно ли что-нибудь с этим сделать, кроме сообщения об этом в Apple и ожидания исправления или замены сообщений о проверке системы?