我们使用HTML5表单验证,而没有覆盖验证错误消息的默认系统UI。在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设备上的验证消息:
即使这是系统用户界面元素,验证消息也将对准顶部而不是居中。这是一个已知问题吗?除了向苹果报告并等待修复,或替换系统验证消息以外,有什么办法可以解决?