I’ve noticed that you can’t resize a div/textarea if the contents are overflowing and the scrollbar is hidden.

EXAMPLE

Code example:

<textarea class='the-div'></textarea>

.the-div {
  display: block;
  width: 500px;
  height: 50px;
  overflow-y: auto;
  resize:vertical;
}
.the-div::-webkit-scrollbar {
    display: none;
}

Does anyone know a way of getting around this? It seems true on libraries I’ve tested too.

I’d like to enable the scrollbar, but it seems to be against the design of the page. Setting overflow to clip solves this somewhat, but it disables scrollwheel scrolling, you have to use keyboard arrow keys.