iOS Safari:默认验证提示消息未正确对齐

时间:2020-05-28 11:47:33

标签: html ios mobile-safari constraint-validation

我们使用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设备上的验证消息:

validation message in English on iPhone

validation message in German on iPad

即使这是系统用户界面元素,验证消息也将对准顶部而不是居中。这是一个已知问题吗?除了向苹果报告并等待修复,或替换系统验证消息以外,有什么办法可以解决?

0 个答案:

没有答案