ChrisB: display:none macht Probleme

Beitrag lesen

Hi,

Befinden sich sowohl im 1. Tab als auch im 2. Tab "chosen-select-Felder", sind diese nur dann in voller Breite sichtbar, wenn sich der entsprechende Tab im "display:block) Modus befand, als die Seite geladen wurde. Befand er sich aber im "display:none-Modus" und wurde erst über den Tab2-Link per JS sichtbar gemacht, bleibt von chosen-select-Feld nurmehr ein kleines leeres Dropdown-Feldchen übrig.

Wenn dieses “chosen”-Plugin die Breite, in der es Elemente rendert, per JavaScript auf Basis des vorhandenen Inhaltes zu ermitteln versucht, dann ist es nur logisch, dass das nicht funktioniert, wenn diese Inhalte per display:none ausgeblendet sind – dann haben sie nämlich keine Breite.

Da musst du also wohl entweder die Tabs erst dann „verstecken“, wenn das Plugin fertig intialisiert ist; oder andersherum, das Plugin erst für den jeweiligen Tab initialisieren, wenn dieser zum ersten mal sichtbar gemacht wurde.

MfG ChrisB

--
Autocomplete has spoiled me to a point where it happens every so often that I encounter a CAPTCHA, and I just type in the first character … and then wait for the rest of the code to be automatically suggested :/