Как сделать чтобы при достижении определнной высоты, у div'a contenteditable появился scroll?

Question

[saalaus]

В общем, у меня есть div с contenteditable, мне нужно сделать так, чтобы при достижения определнной высоты, он больше не увеличивался в размере, а справа появлялся scroll. Как мне это сделать?

Answer 1

[Алексей Ярков]

https://jsfiddle.net/yarkov_aleksei/40sLr5tu/

<div class="contenteditable" contenteditable>
  contenteditable
</div>

.contenteditable {
  max-height: 100px;
  overflow-y: auto;
}

Answer 2

[tyzberd]

https://codepen.io/tyzberd/pen/YJgbXq

Answer 3

[good_beginer]

@media only screen and (min-height: 200px) {
    .contenteditable {
        overflow-y: scroll;
    }
}

Comments

[good_beginer]

всё что больше 200px будет скролится. Точнее, .contenteditable было overflow: hidden или что то ещё а после достижения 200px, стиль переписывается на scroll