Die geheimnissvolle Selectbox in WordPress

Neulich wollte ich auf der Optionsseite eines Plugins eine Selectbox mit 5 Einträgen erstellen. Nicht einfacher als das:

<select size="5">
  <option "test1" />
  <option "test2" />
  <option "test3" />
  <option "test4" />
  <option "test5" />
  <option "test6" />
</select>

Jeder, einschließlich mir, erwartet folgende Ausgabe:

Tatsächlich wird aber folgendes angezeigt:

Das Geheimnis liegt im stylesheet des Admin-Bereichs:

#wpcontent select {
	padding: 2px;
	height: 2em;
	font-size: 12px;
}

Dadurch wird jede Selectbox auf einen Eintrag reduziert. Warum dies so definiert ist bleibt mir schleierhaft. Zu diesem Thema existiert auch ein Ticket im WordPress-Trackingsystem, in dem das Problem seit zwei Jahren diskutiert wird.

Die Lösung des Problems ist relativ einfach:

<select style="height:auto" size="5">

Sieht einfach aus, hat mich aber eine Stunde meiner Lebenszeit gekostet.

Ein Gedanke zu „Die geheimnissvolle Selectbox in WordPress“

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert