Chosen: Problème de largeur

Créé le 25 avr. 2013  ·  9Commentaires  ·  Source: harvesthq/chosen

Salut, quand j'utilise choisi sur un champ de sélection comme celui-ci:

<select id="mySelect" style="width: 65.935%;" multiple>

Chosen a généré le <ul class="chzn-choices"> avec une largeur de 65,935 pixels au lieu de pourcentage. Pour le moment je l'ai bidouillé avec cette initialisation ici

$('#inputNewRecipient').chosen().next().css('width', '65.9574%');

Bien à vous

Bug

Commentaire le plus utile

Cela a résolu le problème pour moi

li.champ-de-recherche{
largeur : 100 % !important;
}
li.champ de recherche input.default{
largeur : 100 % !important;
}

Tous les 9 commentaires

Utilisez-vous la dernière version de Chosen ?

Et tu utilises quel navigateur ? Et quelle version de Chosen (jQuery ou Prototype) ?

Désolé d'avoir oublié tout ça, j'étais un peu pressé !
La version choisie est up2date (0.9.13), la version jQuery, le navigateur est le dernier Firefox @ Ubuntu 10.04.
Je viens de le retester et il est passé de 65,5% à 55,5px, d'ailleurs j'utilise Bootstrap.

Il n'y a pas un excellent moyen de s'appuyer sur style / css pour obtenir la largeur définie par l'utilisateur (les navigateurs modernes renvoient la largeur réelle à la place), ce qui signifie que Chosen se retrouve automatiquement avec une valeur en pixel. Nous ne voulons pas être obligés de recalculer le redimensionnement de l'écran, nous avons donc fourni une interface optionnelle pour les largeurs en pourcentage.

$('#inputNewRecipient').chosen({ width: '65.9574%' });

@pfiller J'utilise maintenant l'interface choisie pour définir la largeur. Maintenant, mon texte d'espace réservé a été coupé par la largeur générée : 55 px, est-ce un problème avec le choix ?

bug

Chosen rendra le champ de saisie aussi grand que possible dans son conteneur. Parfois, cela signifie que le texte de l'espace réservé est coupé. Si vous voulez que le texte tienne dans Chosen, vous devez faire Chosen au moins aussi gros.

J'ai remarqué un petit problème en enquêtant là-dessus. Fondamentalement, le champ peut être autorisé à devenir plus grand que le conteneur dans certains cas. Voir : #1167

La boîte mesurait environ 600 pixels de large et le texte de l'espace réservé a été coupé après environ 6 à 7 lettres.

J'ai le même problème.

2013-12-10--1386684424_559x48_scrot

J'ai défini la propriété width de choisi sur un pourcentage (33 %), puis cela se produit.

J'ai contourné le problème en remplaçant ces styles CSS :

... li.champ-de-recherche{
largeur : 100 % ;
}

... li.champ de recherche input.default{
largeur : auto !important;
}

Avait un problème similaire également:
Remplacer les styles suivants a fonctionné pour moi :

li.champ-de-recherche{
largeur : 100 % ;
}
li.search-choice + li.search-field{
largeur : 20 % ;
}

Cela a résolu le problème pour moi

li.champ-de-recherche{
largeur : 100 % !important;
}
li.champ de recherche input.default{
largeur : 100 % !important;
}

Cette page vous a été utile?
0 / 5 - 0 notes