内部引导下拉内部重复元素由溢出自动隐藏

Question

我试过关闭溢出x，更改z-index等等但是这个反基督代码似乎没什么用呢

没有什么可以跳出框外

较小的框是由ngrepeat生成的，所以我觉得有些东西没有按顺序加载。请帮忙

这是jsfiddle，但它只是html代码 https://jsfiddle.net/5dbtb4h5/

<div class="row containerrow">
  <!-- left column for upcoming -->
  <div class="col-sm-6 col-md-3 upcoming" style="background-color:yellow;">
    <p id="upcomingtitle">Upcoming</p>

    <div class="form-group updropdown">
      <select class="form-control" id="xyz">
    <option>All</option>
    <option>Checked In</option>
    <option>Not Checked In</option>
  </select>
    </div>
    <div class="upcominglist">
      <div class="upcomingtiles" ngdragclone="" ng-drag="true" ng-drag-success="$ctrl.testdrop()" ng-drag-data="appointment" ng-repeat="appointment in $ctrl.appointments" ng-if="appointment.StatusID == 0 || appointment.StatusID == 1">
        {{$ctrl.formatPatientInfo(appointment.DOB, appointment.DateTime, appointment.Gender, appointment.AppointmentTypeID)}}





        <div class="statusflag" ng-class="{'bluestatus' : appointment.StatusID > 0, 'emptystatus' : appointment.StatusID == 0}"></div>
        <div class="uptext"> <span class="boldtitle">{{appointment.FirstName}} {{appointment.LastName}}, {{$ctrl.year - $ctrl.patientYear}}, {{$ctrl.gender}}</span><br/> {{$ctrl.signInTime}} {{$ctrl.patientAppointmentType}} <br/> {{appointment.Complaint}}
        </div>


        <div class="dropdown dropdown1">
          <img class="dropdownarrow dropdown-toggle" id="menu1" data-toggle="dropdown" src="/images/transarrow.png">

          <ul class="dropdown-menu dropdown-menu1 dropdown-menu-right">
            <li role="presentation"><a ng-click="$ctrl.updateAppointmentStatus(appointment, 0)">Not Checked In</a></li>
            <li class="divider"></li>
            <li role="presentation"><a ng-click="$ctrl.updateAppointmentStatus(appointment, 1)">Checked In</a></li>
            <li class="divider"></li>
            <li role="presentation"><a ng-click="$ctrl.onClickStoreAppointment(appointment); $ctrl.on()">Move to Room</a></li>
          </ul>
        </div>



      </div>
    </div>

  </div>

  <!-- end right column -->

</div>
<!-- end container row -->