Bootstrap 模态框 summernote 的问题

[asdddddd1]

用了Bootstrap 模态框 summernote 做了一个弹出框+富文本形式，然后设置了 模态框 移动，结果出问题了，富文本不能获取焦点了，不能正常的输入，,点击左键没反应，右键可以，
ps：如果不设置 模态框移动 富文本是没有问题的，那位大佬能帮忙解决下，跪谢了
这是设置移动模态框代码
$("#MyIcon").draggable();//为模态对话框添加拖拽
这是加载 summernote 富文本
$('#summernote').summernote({

height: 400,
tabsize: 3,
lang: 'zh-CN',
minHeight: null, // set minimum height of editor
maxHeight: null, // set maximum height of editor
focus: true,
});
这是整体代码
<form id="userForm" method="post" action="" enctype="multipart/form-data">
<!--模态框-->
<div class="modal fade" id="MyIcon" data-backdrop="false" role="document" aria-hidden="true" >
<div class="modal-dialog" style="width:950px" >
<div class="modal-content">
<!--上(标题)声明-->
<button class="close" data-dismiss="modal" style="margin:15px 20px 0px 0px"><span>×</span></button>
<ul id="myTab" class="nav nav-tabs" style="margin:10px">
<li class="active">
<a href="#WebIcon" data-toggle="tab">
<h4 class="modal-title"><span id="sId">新 增</span></h4>
</a>
</li>
</ul>
<div class="modal-body">
<div class="summernote" id="summernote"></div>
</div>
<div class="modal-footer">
<button type="submit" id="btn_submit" class="btn btn-primary" data-dismiss="modal" onclick="SaveBtn()"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>保 存</button>
<button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span>关 闭</button>
</div>
</div>
</div>
</div>
</form>