Google Chrome bricht, wenn onfocus setzt wählen Sie die Größe

Question

Das folgende Javascript zum Ändern der Größe einer Auswahlliste bricht in Google Chrome. Es funktioniert, wenn Sie in das Feld einsteigen, aber wenn Sie darauf klicken, wird "Aw, Snap!" Fehlerseite.

<select onfocus="this.setAttribute('size', 3);"> 
<option>selectList with onfocus</option> 
<option>2</option> 
<option>3</option> 
<option>4</option> 
</select> 

Funktioniert in FF und IE. Es ist eine Art von Konflikt zwischen onfocus (es gibt keine Probleme, wenn ich es onClick implementiere) und die Größe Attribut einstellen. Mir wurde gesagt, dass es in Safari auch bricht.

Jede Hilfe, Ideen oder Workarounds werden sehr geschätzt.

(PS Yeh Ich weiß es nicht sehr schön Form ist eine Auswahlliste, um die Größe, aber es ist das, was der Chef/Kunde will)

Answer 1

Ändern Sie die Zeile mit der Auswahl dazu:

<select onfocus="var that = this; setTimeout(function() {that.setAttribute('size', 3);}, 0);"> 

Es funktioniert für mich in Chrome. Ich habe es nicht in Safari versucht, aber ich vermute, dass es auch funktionieren wird. Im Grunde genommen umgehen wir hier nur den Aufruf-Stack mit setTimeout, der den Fehler in Webkit zu umgehen scheint.

Answer 2

Soweit ich das beurteilen kann, ignoriert Google Chrome alle ausgewählten Größenattribute für mehrere Auswahlfelder.

Siehe Link:

http://www.w3schools.com/TAGS/tryit.asp?filename=tryhtml_select_size

einen anderen Browser verwenden, dann versuchen Sie Google Chrome. Nur grundlegende HTML-Attribute, die von Chrome vollständig ignoriert werden.

Answer 3

Ich fand auch diese:

• http://code.google.com/p/chromium/issues/detail?id=4579
• http://bugs.webkit.org/show_bug.cgi?id=17648

So scheint es, dies ist ein WebKit Problem und aus irgendeinem Grund sie nicht wollen, fixieren (es Standards machen -konform).