Twitter bootstrap 带文本区域的引导弹出框：can'；不要水平调整大小

当文本区域位于引导弹出框内时，我无法拖动或调整其宽度：

或在代码中：

<button id="popoverBtn" type="button" class="btn btn-lg btn-danger">
Click to toggle popover
</button>

$(function () {
  $('#popoverBtn').popover({
    'title': 'this is a textarea test with a long title',
    html: true,
    trigger: 'click hover',
    content: document.createElement('textarea')
  });
})

单击以切换弹出窗口
$（函数（）{
$（'popoverBtn'）.popover({
“title”：“这是一个长标题的textarea测试”，
是的，
触发器：“单击鼠标悬停”，
内容：document.createElement（'textarea'）
});
})

奇怪的是，我还没有发现任何描述这种行为的已知问题。这种行为的原因可能是什么

谢谢你的帮助

关于

奇怪的是，我还没有发现任何已知的问题来描述这样一个问题 行为。这种行为的原因可能是什么

答案就在这里

textarea被修改为仅可垂直调整大小，如下所示： 水平调整大小通常会“中断”页面布局

可以通过指定

resize:“两者”

和explicit

maxWidth

来覆盖此行为，以防止

textarea

与父容器重叠，如下所示：

$（函数（）{
$（'popoverBtn'）.popover({
“title”：“这是一个长标题的textarea测试”，
是的，
触发器：“单击鼠标悬停”，
内容：createContent（）
})
.on（“show.bs.popover”，函数（）{
const parentEl=$（this.data（“bs.popover”）.getTipeElement（）；
});
})
函数createContent（）{
var textArea=$（''）；
css（{resize:'both'，maxWidth:'250px'}）；
返回文本区；
}

单击以切换popover