Impossibile ridurre la dimensione dell'area di testo in Chrome e Opera

Question

Non riesco a ridurre le dimensioni dell'area di testo utilizzando il mouse sebbene non abbia specificato la larghezza e l'altezza minima. In Firefox tutto è ok. Questa domanda è stata posta qui: Can't reduce size of resizable textarea in Chrome, ma non ho trovato la risposta adatta, forse qualcuno può aiutarmi.

Questo è il mio mark up:

<textarea id="textarea" name="textarea"></textarea> 

e CSS:

textarea{ 
    width: 90%; 
    height: 400px; 
    border: 2px dashed black; 
    border-radius: 12px; 
    background-color: transparent; 
    font-family: Purisa; 
    font-size: 23px; 
    padding: 5px; 
    margin: 20px auto auto auto; 
    outline: none; 
    border-color: black; 
} 

Answer 1

Google Chrome ha un qualche tipo di restrizione per visualizzare il contenuto correttamente all'utente. Per questo motivo hanno modificato le azioni predefinite di ridimensionando su <textarea>. Nelle versioni precedenti di Chrome non c'erano restrizioni.

Quindi se si utilizza heightmin-height sarà la vostra altezza. Quindi è necessario impostare solo min-height e max-height. Height sostituisce l'altezza minima in Chrome.

Ecco un semplice violino: http://jsfiddle.net/gAr72/1/

Edit:

potete vedere Firefox funzionerà stessa Chrome in questo violino. L'altezza è rischiosa per il design btw. Il ridimensionamento illimitato interrompe sempre il design. Quindi limitare l'altezza e la larghezza è una buona opzione.