Kurz nach Beginn der Test­pha­se von Tan­dem Rhein-Main ist mir von einem kurio­sen Feh­ler berich­tet wor­den: In Safa­ri unter Mac OS hat das Kli­cken auf eine Select-Box ein sofor­ti­ges Neu­la­den aus­ge­löst. Eine Aus­wahl in einer Select-Box ist so nicht mög­lich gewe­sen. Safa­ri unter Win­dows hat das Ver­hal­ten merk­wür­di­ger­wei­se nicht gezeigt. Die­ses Ver­hal­ten fiel mir vor­her nie auf; dabei habe ich ja selbst einen Groß­teil der Zeit in der Ent­wick­lung der Platt­form mit Safa­ri gear­bei­tet.

Erst dach­te ich an Pro­ble­me mit Java­Script-Code, aber dar­an lag es nicht. Im erzeug­ten HTML-Code konn­te ich auch nichts fin­den, das die­ses Ver­hal­ten erklärt hät­te. Nach­dem ich kei­ne Ideen mehr hat­te und begann, den Code schritt­wei­se auf eine Mini­mal­ver­si­on zu kür­zen, bin ich auf den Feh­ler gesto­ßen.

Fol­gen­der Code funk­tio­niert mit aus­kom­men­tier­tem Select, mit ein­kom­men­tier­tem Select tritt der Feh­ler wie beschrie­ben auf.

input[type=text],
input[type=password],
textarea,
/* select, */
div.jhtmlarea {
background-image: url(images/inputbg.gif);
   border: 1px solid #bbb;
color: #333;
   font-family: "Ubuntu", "Lucida Grande", "Verdana", "Tahoma";
font-size: 1em;
padding: 4px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

Bei der Reduk­ti­on die­ser Anwei­sung habe ich fest­ge­stellt, dass der Feh­ler von den bei­den Zei­len mit bor­der und font-fami­ly abhängt. Und zwar von bei­den zusam­men. Bei nur einer der bei­den Zei­len funk­tio­niert alles. Bei­de Zei­len zusam­men, auf eine Select-Box ange­wandt, ver­ur­sa­chen offen­bar das merk­wür­di­ge Ver­hal­ten von Safa­ri.

War­um?

Ich habe kei­ne Ahnung…

Aktua­li­sie­rung, 14. Okto­ber 2011: Durch @thegcat (1, 2) habe ich erfah­ren, dass dies ein bekann­ter Bug in Safa­ri ist (sie­he u.a. hier, hier und hier). Das Pro­blem lässt sich also durch War­ten behe­ben…