css - Textarea 在编辑时更改其单元格的大小

Question

当我开始在表格单元格中编辑 textarea 时（我使用 DataTables+jeditable），单元格高度和/或宽度会略微增加，并且底部/右侧的所有单元格都会改变它们的位置。同样在具有大量文本的单元格中会出现垂直滚动条。如何避免这种情况？
风格：

textarea {
    font-family: inherit;
    font-size: inherit;
    border: none;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
}

table.display {
    font: 14px "Lucida Console";
    color: black;
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-style: solid;
    border-color: #888;
    margin: 0 auto;
    clear: both;
    width: 100%;
    height: 100%;
}