Chosen: Choisi pas de style correctement dans une boîte de dialogue d'amorçage 3.x.

Créé le 31 mai 2017 · 6Commentaires · Source: harvesthq/chosen

Résumez votre problème ici.
Choisi pas de style correctement dans une boîte de dialogue d'amorçage 3.x.

Étapes à reproduire

charger le css de bootstrap
charger charger une boîte de dialogue.
ouvrir la boîte de dialogue

De plus, veuillez créer un lien vers une démo fonctionnelle qui montre le problème afin que nous puissions tenter de le reproduire. Vous pouvez utiliser ce modèle comme base. Vous pouvez également confirmer que la page de démonstration Chosen affiche le problème.

Comportement prévisible

pour afficher la liste déroulante bien stylée et consultable

Comportement réel

Voici

Environnement

Version choisie :
choisi_v1.6.2/
jQuery ou version prototype :
/jquery/1.11.2/jquery.min.js'
Navigateur et Version :
Mozilla/5.0 (Windows NT 10.0; WOW64; rv:53.0) Gecko/20100101 Firefox/53.0
OS et version :
fenêtres 10

Information additionnelle

n / A

Source

lordspace

Commentaire le plus utile

Ok, juste pour ajouter une mise à jour à ce sujet.
Lorsque je passe la largeur à la méthode d'initialisation, tout fonctionne sans le hack ci-dessus.

$("select").chosen({
                search_contains : true, // kwd can be anywhere
                max_selected_options: 1,
                max_shown_results : 5, // show only 5 suggestions at a time
                width: "95%",
                no_results_text: "Oops, nothing found!"
            } );

lordspace le 17 juin 2017

👍3 ❤1

Tous les 6 commentaires

Chosen 1.6.2 n'est pas la dernière version — avez-vous toujours votre problème avec la dernière version publiée ?

tjschuck le 31 mai 2017

Je vais m'assurer de l'avoir et je vous tiens au courant.

lordspace le 3 juin 2017

Oui, le problème est toujours là même dans la dernière version 1.7.

J'ai vérifié quelques sujets de stackoverflow et j'ai trouvé ce correctif.

$('.modal').filter('[class*=_dialog]').on('show.bs.modal', function () {
                // This makes the dialog expand when shown in a bootstrap dlg
                $(this).find('.chosen-container').css({width: "100%"});
            });

L'application est personnalisée et destinée à un client et ne peut pas fournir de lien vers celle-ci.

lordspace le 5 juin 2017

Ok, juste pour ajouter une mise à jour à ce sujet.
Lorsque je passe la largeur à la méthode d'initialisation, tout fonctionne sans le hack ci-dessus.

$("select").chosen({
                search_contains : true, // kwd can be anywhere
                max_selected_options: 1,
                max_shown_results : 5, // show only 5 suggestions at a time
                width: "95%",
                no_results_text: "Oops, nothing found!"
            } );

lordspace le 17 juin 2017

👍3 ❤1

Merci pour le hack @lordspace. Il m'a fallu un certain temps pour trouver votre solution.

Je ne sais pas pourquoi ce problème a été fermé dans le référentiel "bootstrap-chosen" (https://github.com/alxlit/bootstrap-chosen/issues/54).

pihug12 le 21 août 2017

Pas de soucis. Peut-être que je l'ai fermé en supposant que ce n'est pas un bogue s'il est réparable via les options, mais quand j'y pense maintenant, cela devrait fonctionner immédiatement.

lordspace le 21 août 2017

Cette page vous a été utile?

0 / 5 - 0 notes