How can I use CSS `resize` to resize an element to a height/width less than initial height/width on Chrome?

Question

I have just seen that on Chromium

• I can\'t resize an element to a height smaller than its initial height in case of resize:vertical or resiz

Answer 1

How about adding a min-height/max-height?

This allows it to be set beyond the initial.

http://jsfiddle.net/Dqxua/

#wrapper {
    min-height:200px;
    max-height: 400px;
    resize: vertical;
    overflow: auto;
    border: 1px solid #000;
}