html數據列表導致safari中的驗證錯誤

Question

我有一個AngularJs 1.x應用程序，其中我添加了一個html5數據列表元素。我知道這在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> 

我的想法是在Safari瀏覽器中檢測JavaScript並以某種方式更改驗證或刪除數據列表元素。然而，這感覺很奇怪。

有沒有人可以闡明我做錯了什麼和/或如何解決這個問題。

Answer 1

實際的錯誤是由我使用的polyfill造成的。在我仔細檢查之後，它非常陳舊，不適合這種情況。