html datalist导致safari中的验证错误

Question

我有一个AngularJs 1.x应用程序，其中我添加了一个html5 datalist元素。我知道Safari不支持此功能。目前这不是一个大问题，我可以随时创建或添加polyfill。

然而，有些行为我似乎无法弄明白。数据列表在表单上，​​并且在该字段上始终具有无效状态。

<input type="text" name="description" maxlength="40" ng-minlength="5" ng-maxlength="40" class="form-control" placeholder="" ng-model="quote.description" required="" list="standard-remarks" />
<datalist id="standard-remarks">
    <select style="display: none;">
        <option ng-repeat="d in standardQuoteDescription" value="{{d.Description}}">
    </select>
</datalist>

我的想法是在JavaScript中检测Safari并以某种方式更改验证或删除datalist元素。然而，这感觉很奇怪。

任何人都可以了解我做错了什么和/或如何解决这个问题。

Answer 1

实际错误是由我使用的polyfill引起的。在我仔细检查之后，它已经很老了，不适合这种情况。