css - テキストエリアは、編集時にセルのサイズを変更します

Question

テーブル セル (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%;
}