If I understand correctly then you probably need to set 'height:100%' on the 'select' element. But you'll also need to apply the same style all the way up the parent hierarchy to the top div so that they are also using 100%. Problem is that you also have to do the same on all elements up to and including the html tag with any form containing the directive.

Simple fiddle using custom styles here : http://jsfiddle.net/skelly/zrBGw/

>We have a mover directive. I will show you the HTML template. The problem is that it's always fixed height. I want it to be able to resize in height. Do you know what can I adjust here?
>
>

><div class="row">
>    <div class="col-md-5 pull-left">
>        <div class="form-group">
>            <label class="control-label">{{unassignedItemsTitle}}</label>
>            <div>
>                <select class="form-control select-list" multiple
>                         ng-model="unassigned" 
>                        ng-options="unassignedItem.descrip for unassignedItem in unassignedItems | orderBy:'descrip'"></select>
>            </div>
>        </div>
>    </div>
>
>    <div class="col-md-2 pull-left" style="text-align: center; padding: 25px;">
>        <button ng-click="moveRight(unassigned)" class="btn btn-block"><i class="icon-angle-right icon-1x"></i></button>
>        <button ng-click="moveRightAll()" class="btn btn-block"><i class="icon-double-angle-right icon-1x"></i></button>
>        <button ng-click="moveLeft(assigned)" class="btn btn-block"><i class="icon-angle-left icon-1x"></i></button>
>        <button ng-click="moveLeftAll()" class="btn btn-block"><i class="icon-double-angle-left icon-1x"></i></button>    
>    </div>
>
>    <div class="col-md-5 pull-left">
>        <div class="form-group">
>            <div>
>                <label class="control-label">{{assignedItemsTitle}}   </label><span class="pull-right">
>                <a class="badge" ng-click="moveUp(assigned)" ng-show="sortable" data-toggle="tooltip" title="Move Selected Item Up" 
>                   ng-disabled="upDisabled" href="#"><i class="icon-angle-up icon-1x"></i></a>
>                <a class="badge" ng-click="moveDown(assigned)" ng-show="sortable" data-toggle="tooltip" 
>                   title="Move Selected Item Down" ng-disabled="downDisabled"><i class="icon-angle-down icon-1x"></i></a></span>
>            </div>
>            <div>
>                <select class="form-control select-list" ng-change="setSortDisabled(assigned)" multiple
>                         ng-model="assigned" 
>                        ng-options="assignedItem.descrip for assignedItem in assignedItems| orderBy: 'SortOrder'"></select>
>            </div>
>        </div>
>    </div>
></div>

>
>I am trying to place this mover into the container
>
>

><div class="form-group padd">
>            <div class="container">
>                <data-sm:duallist-directive ng-required="false"
>                                            unassigned-items-title="'Available Modifiers'"
>                                            unassigned-items="currentModifierGroup.unassignedItems"
>                                            assigned-items-title="'Assigned Modifiers'"
>                                            assigned-items="currentModifierGroup.assignedItems">
>                </data-sm:duallist-directive>
>            </div>
>        </div>

>
>Attached is a screen shot of the form. I want the mover to take all available bottom space.
>
>Thanks in advance.