Ant-design: Contrôler la hauteur de la liste déroulante du Cascadeur

Créé le 29 août 2017 · 4Commentaires · Source: ant-design/ant-design

Version

2.12.8

Environnement

nœud chrome réagir-web 15.5.4

Lien de reproduction

https://codepen.io/edencorbin/pen/WEamZa?editors=0010

Étapes à reproduire

Créez un cascadeur avec plus de ~6 options. Comment pouvons-nous contrôler la hauteur de la liste déroulante afin que plus d'options soient affichées avant l'interface de la barre de défilement ?

Qu'est-ce qui est attendu ?

Option permettant de définir le nombre d'éléments affichés avant le défilement ou la hauteur en pixels de la liste déroulante. Je n'ai pas vu cela dans la doc. Une sélection standard des tailles généralement automatiques via le navigateur pour essayer d'afficher toutes les options.

Que se passe-t-il réellement ?

5-6 options sont affichées et le reste est accessible via une barre de défilement.

Si je n'ai pas vu l'option, merci d'avoir pris le temps de l'indiquer.

Source

edencorbin

Commentaire le plus utile

Vous pouvez personnaliser le style du conteneur contextuel (et le contenu) en ajoutant popupClassName .

.popupClassName {
  .ant-cascader-menu {
    height: xxx
  }
}

ddcat1115 le 4 sept. 2017

👍4

Tous les 4 commentaires

Vous pouvez personnaliser le style du conteneur contextuel (et le contenu) en ajoutant popupClassName .

.popupClassName {
  .ant-cascader-menu {
    height: xxx
  }
}

ddcat1115 le 4 sept. 2017

👍4

Contrôler la hauteur de la liste déroulante du Cascadeur Le style de la liste déroulante ne peut pas être contrôlé et le composant ne fournit pas de méthode