Consentire un ridimensionamento dell'area di testo per ridimensionare l'elemento dalla dimensione originale/predefinita

Question

Sto tentando di creare un elemento textarea con una dimensione originale/predefinita definita a livello di codice, ma che l'utente può ridimensionare entro limiti definiti che permettigli di crescere e rimpicciolirsi.

Ho provato a fissare le resize, min-width, max-width e width proprietà del testo-zona, ma, finora, questo consente solo all'utente di crescere dell'elemento textarea, non ridursi esso. Il browser consentirà all'utente di ridimensionare e ridimensionare l'elemento entro i limiti di width e max-width, non tra i limiti di min-width e max-width, come previsto.

Esiste un modo semplice di specificare una dimensionedi default che non sarà anche trattato come minimo dimensioni ?

---

Ecco il codice con cui sto lavorando:

function textAreaWithDefault(size) { 
    var ta = document.createElement("textArea"); 

    ta.style.resize = "both"; 
    ta.style.minWidth = "100px"; 
    ta.style.width = size + "px"; // default size 
    ta.style.maxWidth = "500px"; 

    document.body.appendChild(ta); 
} 

A css puro e/o JavaScript soluzione è preferibile, ma ha solo a lavorare su web-kit.

Answer 1

tenta di impostare min-width pari a max-width e la larghezza a 0

Answer 2

Vorrei guardare in script fittext o simili: http://fittextjs.com/

Questo non esattamente quello che stai descrivendo.