Высота div блока в зависимости от контента.

[Grasss]

Имеется div блок (height:50px; width:400px
При наполнении контентом, высота div'а должна автоматически увеличиваться.
Нужен скрипт, который будет выполнять эту задачу.

[laimas]

Нужен скрипт

Не нужен, хватит CSS: min-height: 50px; вместо height: 50px;

[Grasss]

Немного не то, по умолчанию высота div'a должна быть фиксированной.

[ksa]

по умолчанию высота div'a должна быть фиксированной

Так можно потом дать ему класс с

min-height: 50px;

И он будет растягиваться под контент...

[laimas]

Немного не то

Это то, в противном случае вы не понимаете чего хотите.

[Grasss]

Так-то оно так) я это пробовал и ранее, но если в блоке 2 строчки с текстом, то все норм, но если в блоках 8 строчек и более, то эти блоки с сообщениями начинают скакать по высоте, происходит небольшой скроллинг в окне чата (если зайти с мобильного устройства). А когда задаешь фиксированную высоту, тогда все отлично. В общем лучше видео записать, чтоб наглядно показать суть проблемы.

[laimas]

если в блоке 2 строчки с текстом, то все норм, но если в блоках 8 строчек и более, то ...

Надеюсь, вы понимаете, что условие и "фиксированный", и "изменяемый" размер блока, это взаимоисключающие требования. Следовательно, в прямом смысле то, чего вы просите решается тем, что вам показано было, и не только на этом форуме. Если же это не то, что требуется, значит вы вопрос/задачу формулируете неверно.

[ksa]

В общем лучше видео записать, чтоб наглядно показать суть проблемы.

А еще лучше тестовые примеры делать и тут их показывать.

[Grasss]

А еще лучше тестовые примеры делать и тут их показывать.

Прикладываю видео с багом
https://www.youtube.com/watch?v=ytq17UnTXxM

Исходники чата
https://cloud.mail.ru/public/4j3U/3k3moM4K8

[j0hnik]

<div style='min-height:50px; width:400px;border:1px solid red;' contenteditable>1111</div>

Вот вам новый чат, берите пользуйтесь, писать прямо в окно!