Safari, CSS 3 & Textarea.

Tres personajes para una pequeña historia de terror. Se ve que a los amigos de Cupertino les ha dado por habilitar by default, en su navegador Safari, la propiedad CSS 3 resize en los elementos HTML Textarea. El problema de back compatibility aparece cuando tenemos una aplicación basada en layers, con Ajax y toda la familia. Para que tenga una apariencia más a aplicación de escritorio que no a la típica y engorrosa aplicación web; basada en un montón de saltos de páginas, etc. Qué ocurre entonces, pues ocurre que con Safari 3 un inocente usuario puede cambiar el tamaño del textarea a su antojo y el resultado es muy poco estético además del correo-e que envian para decirte que hay un problema en la aplicación. La solución que yo he encontrado:

29
30
31
32
33
34
35
36
37
38
39
this.field = document.createElement("textarea");
this.field.cols  = "10";
this.field.rows  =  "5";
/* BrowserDetect by Peter-Paul Koch @ http://www.quirksmode.org */
if (BrowserDetect.browser == "Safari") {
    try {
        this.field.style.resize = "none";
    } catch(e) {
        alert(e);
    }
}

Leave a Comment


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>