bootstrap dropdown inside ng repeat element hidden by overflow auto - html

Question

I've tried turning overflow x off, changing the z-index, etc. but nothing seems to work for this antichrist code
nothing can go outside the box
The smaller boxes are generated by ngrepeat so I think something is not loading in order. Please help
Here's the jsfiddle for it but it's just the html code
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 -->