Почему при фокусе textarea становится шире?

Question

[bounce]

Контейнер формы становится немного шире, если textarea получает фокус. С input'ами такого не происходит — форма сохраняет свою ширину. В чем проблема?

Пример

Answer 1

[Ярослав Иванов]

2px на 1px замените. Из-за разницы в 1px она и прыгает.

.form-textarea:focus {
    border: 1px solid firebrick;
}

Либо добавьте 1px сюда чтобы уровнять.

.form-textarea {
    border: 2px solid silver;
}

codepen.io/anon/pen/jyOVVY

Answer 2

[Alexey Levicky]

код в студию

Comments

[bounce]

codepen.io/bouncee/pen/LxPoGw