DCA mit inputType "select" erweitern, Optionen-Liste wird nicht angezeigt

Ich bin mal wieder am verzweifeln, eigentlich soll es ja ganz einfach sein:

Ich möchte tl_calendar_events um eine "themenkategorie" erweitern, die ich über ein Select auswählen möchte.

PHP-Code:

---

$GLOBALS['TL_DCA']['tl_calendar_events']['fields']['themenkategorie'] = [
       'label' => ['Themenkategorie', 'Bitte wählen Sie die passende Themenkategorie aus.'],
       'inputType' => 'select',
       'options' => ['a', 'b', 'c'],
       'search' => true,
       'eval' => ['chosen'=>false,'tl_class' => 'w50', 'maxlength' => 255,'includeBlankOption' => true],
       'sql' => ['type' => 'string', 'length' => 255, 'default' => ''],
];

PaletteManipulator::create()
    // apply the field "custom_field" after the field "username"
    ->addField('themenkategorie', 'title')
    ->addField('country', 'title')

    // now the field is registered in the PaletteManipulator
    // but it still has to be registered in the globals array:
    ->applyToPalette('default', 'tl_calendar_events')
    ->applyToPalette('internal', 'tl_calendar_events')
    ->applyToPalette('article', 'tl_calendar_events')
    ->applyToPalette('external', 'tl_calendar_events'); 


---

Im Frontend wird dann auch ein Select erzeugt:

HTML-Code:

---

<select name="themenkategorie" id="ctrl_themenkategorie" class="tl_select" onfocus="Backend.getScrollOffset()">
  <option value="">-</option> 
  <option value="A">A</option>
  <option value="B">B</option>
  <option value="C">C</option>
</select>

---

Aber, wenn ich auf des Element klicke, wird mir keine Auswahl, bzw. erscheint kein dropdown, wo ich a, b oder c auswählen kann?

Hat jemand eine Idee?

Vielen Dank.

ggf. via CSS nicht sichtbar?
Hast du einen Link zur Seite?

Nee, an css liegt es leider nicht. Die Seite ist local :(. Was mich wundert ist, das das Dropdown für den Autor funktioniert. Da wurde aber auch von contau des Select mit display: none gesetzt und unter dem Select wurde ein neues DIV erzeugt.

HTML-Code:

---

<div class="w50 widget">
  <h3><label><span class="invisible">Pflichtfeld </span>Autor<span class="mandatory">*</span></label></h3>
  <select name="author" id="ctrl_author" class="tl_select tl_chosen" onfocus="Backend.getScrollOffset()" style="display: none;"><option value="">-</option><option value="1">Andreas</option><option value="2" selected="">Formix</option></select><div id="ctrl_author_chzn" class="chzn-container chzn-container-single tl_select tl_chosen" style="padding: 0px; border: none;"><a href="javascript:void(0)" class="chzn-single" tabindex="0"><span>Formix</span><div><b></b></div></a><div class="chzn-drop" style="left: -9000px; width: 100%; top: 29px;"><div class="chzn-search"><input type="text" autocomplete="off" style="width: 100%;" tabindex="-1"></div><ul class="chzn-results"><li id="ctrl_author_chzn_o_0" class="active-result" style="display: block;">-</li><li id="ctrl_author_chzn_o_1" class="active-result" style="display: block;">Andreas</li><li id="ctrl_author_chzn_o_2" class="active-result result-selected" style="display: block;">Formix</li></ul></div></div>
  <p class="tl_help tl_tip" title="">Hier können Sie den Autor des Events ändern.</p>
</div>

---

Poste mal einen Screenshot vom Backend.

Anhang 24318

Du hast da offensichtlich noch mehr Felder eingefügt. Wenn du die Nutzung von w50 mischst innerhalb einer Legende, dann musst du aufpassen, dass die Felder, die nach einem w50 Feld kommen und kein w50 haben, ein clr haben.

Das doch ein Scherz!? Konnte kaum glauben das es daran liegen soll. 1000x Danke! Obwohl ich das ein Unding von Contao finde! Wie hätte ich den bitte auf die Lösung kommen sollen? 6 Stunden Arbeit für nix.

Danke, danke, danke!!! :D

Ja, das CSS Layout des Contao Backends ist schon alt und hat seine Tücken ;). Habe in der Dokumentation nun diesbezüglich einen offensichtlicheren Hinweis eingefügt: https://docs.contao.org/dev/referenc...ranging-fields