使用文本框-JQuery紧密附加自动完成下拉列表

Question

正确图像：

有问题的形象：

如果我拖动可以看到自动完成下拉列表的模态div，下拉列表会保留在同一个位置，我希望它与模态Div一起移动。

{{3}}

自动完成Css和文本框：

.ui-autocomplete{
    z-index:1050;
    max-height:220px;
    overflow:auto;
}
<s:textfield id="id_txt_notification_send_recipient" autocomplete="off" class="form-control"  placeholder="" maxlength="200" disabled="true" />

如何实现它？

编辑：

<div id="workItemCreateModal"  class="modal" role="dialog">
	<div class="modal-dialog">
	    <!-- Modal content-->
	    <div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">&times;</button>
				<span class="required-astrcs"><s:text name='txt.global.required.astrcs' /></span>
				<h2 class="inner-heading">
					<s:text name="txt.wi.wicrthdr" />
				</h2>
			</div>

			<div class="modal-body">
		        <div class="carrier-data">      
					<s:textfield id="id_txt_notification_send_recipient" autocomplete="off" class="form-control"  placeholder="" maxlength="200" />
				</div>
			</div>
        </div>
</div>