javascript - bootstrap modal 显示先前调整大小的 textarea

Question

我正在使用 Bootstrap 模式从用户那里获取一些信息。 modal-content里面我给了一个类 <textarea />让用户提供评论的字段。这个文本区域是并且应该保持可调整大小。但问题是当用户调整文本区域的大小时并关闭模式时，文本区域显示先前更改的大小并且不会重置为原始大小。

请点击以下链接重现问题:

1. 打开模态窗口，调整文本区域的大小，使其延伸到模态窗口之外
2. 现在点击关闭
3. 再次打开模态，将显示之前更改大小的文本区域。

请注意 CSS resize: none;不是我希望文本区域可以重新调整大小的选项。 另外，我有可用的 jquery，当模式自动关闭时，jquery 是否有重置大小的选项？

编辑:重复的建议是不同的，因为这里的文本区域位于 Bootstrap 模式中。

Demo

Answer 1

当 modal 关闭时(hidden.bs.modal 事件)重置 textarea height 和 宽度。

$('#myModal').on('hidden.bs.modal', function() {
    $(this).find('textarea').css({'width': '', 'height': ''});
})

JSFiddle