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

css, google-chrome, resize

Solution

I'm gonna say no(t without javascript).

Custom CSS to allow chrome textarea resize smaller than initial state?

The fact you cannot resize a textarea under its initial dimensions is reported as a bug (https://code.google.com/p/chromium/issues/detail?id=94583)

Problem

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 `resize:both` - I can't resize an element to a width smaller than its initial width in case of `resize:horizontal` or `resize:both`. Demo: http://jsfiddle.net/3rdj4/3 I have read w3c spec, and I guess the problem comes because of this: The user agent may restrict the resizing range to something suitable, such as between the original formatted size of the element, and large enough to encompass all the element's contents. Is there a way to do it, even if Chrome applies the paragraph above? Note: I use Chromium 30.0.1592.0 (216775)

Original source

Related problems