Javascript 如何从具有溢出的父控件外部的下拉列表中显示自定义下拉选项：滚动

我有一个自定义下拉列表。如果父控件有overflow:scroll，它的下拉选项将被隐藏。如果删除滚动，它的效果会很好，但是我想要滚动

普朗演示在这里

Sr
名称
{{$index}}

请帮忙

<table style="height:150px; display: block; overflow:scroll; border-style:solid;border-width:thin">
   <thead>
     <tr>
       <td style="width:55px">Sr</td>
       <td>Name</td>
     </tr>
   </thead>
   <tbody ng-repeat="x in details" style="max-height:150px">
     <tr>
       <td>{{$index}}</td>
       <td> <angucomplete-alt id="ex1" placeholder="Search countries(local-data)" pause="100" 
          selected-object="selected" local-data="countriestest" enable-Fast-Coding="enableFastCoding"
          search-fields="name,code" title-field="name" minlength="0" 
          input-class="form-control form-control-small"></angucomplete-alt></td>
      </tr>
   </tbody>
 </table>