AgularJS Редактируемая ui-grid высота входной ячейки в IE

Question

У меня есть сетка с 2 колонками. Только 1-й столбец доступен для редактирования, когда я пытаюсь отредактировать его editableCellTemplate height не соответствует реальной высоте ячейки (как показано на изображении). Эта ошибка, наблюдаемая только в IE, отлично работает с Chrome и Firefox. Есть ли альтернатива, чтобы заставить ее работать.

editableCellTemplate является

<form class="ui-grid-cell-edit" name=\"inputForm\"> 
    <input type=\"INPUT_TYPE\" ng-class=\"\'colt\' + col.uid\" ui-grid-editor ng-model=\"MODEL_COL_FIELD\"> 
</form> 

Пожалуйста, проверьте ссылку ниже для примера. Попробуйте изменить столбец «Описание»

http://jsfiddle.net/relly/p8d0qsas/

Update: IE версии используется

Answer 1

Похоже, его вопроса CSS сетки получить применяется для текстового поля, когда пользователь дважды щелкает на колонке сетки.

Но вы можете переопределить этот CSS,

div.ui-grid-cell input{ 
    padding:5px; 
} 

Здесь обновляется образец, попробуйте изменить 'Описание' и 'цена' столбец http://jsfiddle.net/0arkssqy/3/