HTMLの下の入力にデータリストを表示する方法

Question

データリストにselectを使用します。しかし、私には問題があります。私のデータリストが入力の最上部に表示されたら、私はデータリスト内でスクロールできません。しかし、それはデータリストが底にあるときは起こらない。 は、ここに私のコードです：

<input type="search" placeholder="{{'COMPONENT_PROPERTIES.SEARCH_ICON' | translate}}" 
       ng-model="icon.name" 
       list="classIcon" 
       id="searchIcon" 
       ng-change="changeFn(icon.name)"> 
     <datalist id="classIcon" class="scroll" > 
      <select class="selectIcon"> 
       <option ng-repeat="icon in classService.classesAwesome " 
         value="{{icon}}" 
         ng-bind-html="icon | highlight: $parent.icon.name "> 
        <i class="{{icon}}"></i> &nbsp; 
        <span ng-bind-html="icon | highlight: $parent.icon.name "></span> 
       </option> 
      </select> 
     </datalist> 

Answer 1

あなたのCSSにこのコードを追加する必要があります。

.dropdown1 { 
width:290px; 
overflow:scroll; 
height: 20px; 
}