Afficher plus d'éléments dans le menu déroulant - css, selectize.js

J'utilise selectize pour la fonction de liste déroulante,

Cependant, je ne peux afficher que 5 éléments à la fois,

Comment pourrais-je afficher plus d'articles?

Le problème n'est pas du côté JS,

Parce que quand je mis maxOptions: 2 il y a seulement 2 articles.

Voici la page de démonstration http://133.130.101.114:8000/portal/index.html#/pages/scrum_board

une idée?

Réponses:

Avez-vous essayé de faire défiler la liste déroulante? Il y a beaucoup plus d'options ici si seulement vous avez fait défiler.

Modifier: Je comprends maintenant que vous souhaitiez augmenter la hauteur de la liste déroulante. Je n’ai jamais utilisé selectize auparavant, mais je suppose que si elle se déclenche même après avoir transformé la zone de sélection, vous pouvez y ajouter le code suivant:

jQuery(".selectize-dropdown-content").css("max-height","50%"); //or any specific height you want in px

ou tout simplement le mettre dans un rappel d'événement de délai d'attente sur le document prêt:

jQuery(function(){
setTimeout(function(){
jQuery(".selectize-dropdown-content").css("max-height","50%");
}, 100);
});

Une autre capture d'écran pour afficher le contenu déroulant le plus grand: