select2 dropdown auto width funktioniert nicht richtig

Question

Ich benutze select2, um die dropdownautowidth auf meiner SharePoint-Suchseite auf True einzustellen und es funktioniert perfekt beim ersten Laden der Seite. Nachdem ich nach einem Schlüsselwort gesucht habe, wird die Seite mit Suchergebnissen geladen und dann wird dropdownautowidth irgendwie nicht auf true gesetzt. Ich verwende $('#ddlCategory').select2({dropdownAutoWidth : true}); Anweisung auf meiner document.ready Funktion.

Jede Hilfe wird geschätzt.

Answer 1

müssen Sie es zitieren, wie:

$('#ddlCategory').select2({dropdownAutoWidth: 'true'}); 

das für mich arbeitet.

Answer 2

In select2 4.0.0 funktioniert das auch nicht für mich. Ich benutze diese Abhilfe:

$('select').select2({ 
    dropdownAutoWidth : 'true' 
}) 
.on('select2:open', function() { 
    $('span.select2-results').parent().parent().addClass('bigdropdown'); 
}); 

Die CSS:

.bigdropdown { 
    width: 100% !important; 
} 

Answer 3

Das ist für mich gearbeitet:

$('select').select2({ 
    dropdownAutoWidth : true, 
    width: 'auto' 
}) 

Answer 4

Anpassen der CSS für die .select2-container Klasse display: inline-block;-display: block; für mich gearbeitet.

Answer 5

Ich habe nur den Parameter width: 'auto' auf den Funktionsaufruf und dann funktioniert es gut.

$('#months').select2({ 
    width: 'auto', 
    allowClear: false, 
    height: '100%', 
});