Javascript html数据列表导致safari中出现验证错误

我有一个AngularJs 1.x应用程序，其中添加了一个html5数据列表元素。我知道这在Safari中不受支持。现在这不是一个大问题，我可以在以后创建或添加多边形填充

然而，有些行为我似乎无法理解。数据列表位于表单上，并且该字段上的状态始终无效

<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元素。然而，这样做感觉很奇怪

---

谁能解释一下我做错了什么和/或如何解决这个问题。

实际的错误是由我使用的polyfill引起的。在我仔细检查之后，它非常旧，不适合这种情况。

实际错误是由我使用的polyfill引起的。在我仔细检查之后，它非常旧，不适合这种情况