Risolvere il problema delle select tagliate

Confesso di non essermi mai imbattuto in qualcosa di simile, forse per via del browser che NON uso ;).help with […]

Confesso di non essermi mai imbattuto in qualcosa di simile, forse per via del browser che NON uso ;).

Chris Coyier di CSSTricks presenta il problema in modo efficace, anche grazie all’immagine allegata al post. Il caso è quello in cui si decida di impostare, via CSS, una dimensione fissa per una select. Cosa succede se il contenuto della stessa eccede in larghezza rispetto alla dimensione impostata? Su IE6 e IE7 il contenuto viene semplicemente tagliato, producendo il risultato che vedete qui sotto:

screenshot

Oltre a riepilogare una serie di soluzioni note, l’autore espone un metodo da lui escogitato e basato, come gli altri su Javascript. Lo script fa sì che al passaggio del mouse sulla select, quest’ultima veda mutare il valore di width dalla dimensione fissa a auto. Servendo solo a risolvere una magagna di IE, lo script viene incluso all’interno di un commento condizionale.