Hallo, wenn ich "selected" in einem Auswahlfeld wie folgt verwende:
<select id="mySelect" style="width: 65.935%;" multiple>
Chosen generiert das <ul class="chzn-choices"> mit einer Breite von 65,935 Pixeln statt Prozent. Im Moment habe ich es mit dieser Initialisierung hier gehackt
$('#inputNewRecipient').chosen().next().css('width', '65.9574%');
Mit freundlichen Grüßen
alexfrancavilla
Alle 9 Kommentare
Verwenden Sie die neueste Version von Chosen?
Und welchen Browser verwendest du? Und welche Version von Chosen (jQuery oder Prototype)?
stof
am 25. Apr. 2013
Sorry, dass ich das alles vergessen habe - war etwas in Eile!
Gewählte Version ist up2date (0.9.13), jQuery Version, Browser ist der neueste Firefox @ Ubuntu 10.04.
Ich habe es gerade erneut getestet und es hat sich um 65,5% auf 55,5 Pixel gedreht, übrigens verwende ich Bootstrap.
alexfrancavilla
am 25. Apr. 2013
Es gibt keine gute Möglichkeit, sich auf style / css zu verlassen, um die benutzerdefinierte Breite zu erhalten (moderne Browser geben stattdessen die tatsächliche Breite zurück), was bedeutet, dass Chosen automatisch mit einem Pixelwert endet. Wir möchten nicht gezwungen sein, eine Neuberechnung der Bildschirmgröße durchzuführen, daher haben wir eine optionale Schnittstelle für prozentuale Breiten bereitgestellt.
$('#inputNewRecipient').chosen({ width: '65.9574%' });
pfiller
am 25. Apr. 2013
@pfiller Ich verwende jetzt die gewählte Schnittstelle, um die Breite einzustellen. Jetzt wurde mein Platzhaltertext durch die generierte Breite abgeschnitten: 55px, ist dies ein Problem mit selected?
alexfrancavilla
am 26. Apr. 2013
Ausgewählt wird das Eingabefeld so groß wie möglich in seinem Container. Manchmal bedeutet dies, dass der Platzhaltertext abgeschnitten wird. Wenn Sie möchten, dass der Text in Chosen passt, müssen Sie Chosen mindestens so groß machen.
Bei der Untersuchung ist mir ein kleines Problem aufgefallen. Grundsätzlich kann in bestimmten Fällen das Feld größer als der Behälter werden. Siehe: #1167
pfiller
am 26. Apr. 2013
Die Box war ca. 600px breit und der Platzhaltertext wurde nach ca. 6-7 Buchstaben abgeschnitten.
alexfrancavilla
am 30. Apr. 2013
Ich habe das gleiche Problem.
Ich habe die width-Eigenschaft von selected auf einen Prozentsatz (33%) gesetzt und dann passiert das.
Das Problem wurde umgangen, indem diese CSS-Stile überschrieben wurden:
... li.Suchfeld{
Breite: 100 %;
}
... li.Suchfeld input.default{
Breite: auto !wichtig;
}
netbrain
am 10. Dez. 2013
Hatte auch ein ähnliches Problem:
Das Überschreiben der folgenden Stile hat bei mir funktioniert:
li.suchfeld{
Breite: 100 %;
}
li.search-choice + li.search-field{
Breite: 20%;
}
Gulshan-Doorgah
am 29. Aug. 2014
Das hat das Problem bei mir behoben
li.suchfeld{
Breite: 100% !wichtig;
}
li.Suchfeld input.default{
Breite: 100% !wichtig;
}
danielmahadi
am 3. Juni 2015
Verwandte Themen
piercemcgeough
·
5Kommentare
SFPink
·
9Kommentare
Jeckerson
·
7Kommentare
SFPink
·
4Kommentare
jbrooksuk
·
6Kommentare
Hilfreichster Kommentar
Das hat das Problem bei mir behoben
li.suchfeld{
Breite: 100% !wichtig;
}
li.Suchfeld input.default{
Breite: 100% !wichtig;
}