Как сделать авто размер высоты textarea?

#javascript

Как сделать авто размер высоты textarea? Как сделать без плагин и красиво?
    

Ответы

Ответ 1

Без JavaScript невозможно. Возьмите вот:
http://www.jacklmoore.com/autosize/


Ответ 2

А использовать contenteditable не годится?



.editor {
  border: 1px solid;
  padding: .2em;
  white-space: pre;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.editor:empty:after {
  content: "";
}

.editor * {
  all: inherit !important;
  /* Для тех, кто не умеет all (вероятно, надо дополнить) */
  color: inherit !important;
  background: none !important;
  white-space: pre !important;
  line-height: inherit !important;
  /* Переопределение .editor */
  padding: 0 !important;
  border: none !important;
  outline: none !important;
  resize: none !important;
  display: inline !important;
}

.editor div {
  display: block !important;
}