我在引导程序中开发的应用程序中有一个问题。问题是我有一个模态,其主体最大高度已设置。它包含一个文本区域,现在当点击文本区域时它获得焦点(直到现在正确)但是当我向下滚动到模态标题上方显示的模态正文中的文本区域时,它显示了某种类型的重复文本区域。但是一旦我停止滚动,一切都会再次完美。
<div id="textPanel" class="modal fade">
<div class="modal-dialog">
<div class="modal-content" style="padding-bottom: 5px">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Add/Edit Text</h4>
</div>
<div class="modal-body" style="overflow-x: auto">
<div class="row">
<div class="col-12">
<div id="textPreviewPanel" class="outer"
style="height: 60px;margin-bottom: 5px;margin-top: -15px">
<div class="inner" style="height: 100%">
<img id="textPreview" style="height: 100%;text-align: center"/>
</div>
</div>
</div>
<div class="col-12">
**<textarea id="addTextInput" ng-model="addEditTextModel" placeholder="Enter your text here"
rows="3"
class="form-control" style="resize: none"></textarea>**
</div>