为什么datalist在android 8及更高版本中不起作用？

Question

我已使用数据列表为用户提供带有搜索选项的下拉框。它在Android版本7.1.1中可以正常工作，但是在Android 8.1.0中使用相同的代码时，它似乎不起作用。当我单击下拉菜单时，不会显示下拉菜单选项。数据列表还有其他选择吗？

下面是代码：

<div class="list card" data-ng-repeat="choice in choices" style="margin: 16px 0px;">
    <div class = "row" >
        <div class = "col col-90">  
        <label for="choice" class = "item item-input item-select" name="product">

            <span class="input-label" style="color:#aeb1b7;font-size: 14px;">Medicines</span>

        <input type="text" name="product" ng-model="choice.product" list="names" ng-change="check_product_exists()"
            ng-model-options="{debounce:2000}" required>
          <datalist id="names" class="form-control" ng-model="name">

            <option ng-repeat="option in dynamicData1 | filter:search" value="{{option.id}}/{{option.name}}"></option>

          </datalist>

            <div class="controls">   
                    <span class="help-inline" ng-show="submitted && card.product.$error.required"><h4><i class="icon ion-alert-circled custom-icon"></i></h4></span>
            </div>
        </label>

        <label class="item item-input" style="border-bottom: solid 1px #ccc;">
      <i id="iconcolor" class="icon ion-ios-medkit placeholder-icon"></i>
        <input type="text" name="quantity" placeholder="qty" autocomplete="off"  ng-model="choice.qt" required>
        <div class="controls">   
                <span class="help-inline" ng-show="submitted && card.product.$error.required"><h4><i class="icon ion-alert-circled custom-icon"></i></h4></span>
        </div>
        </label>
        </div>
        <div class = "col">

        <i class="con ion-minus-circled custom-icon" item-left style="align:center" ng-show="$last" ng-click="removeproduct()"></i>
        </div>
    </div>

</div>

<div  class="abc" align="right"><button class="button button-balanced"  ng-click="addNewMedicines()">Add+</button></div>