J'ai besoin d'utiliser ui-select dans un élément div parent qui contient overflow-x: scroll style de overflow-x: scroll .
Le problème est que lorsque nous cliquons sur le menu déroulant, la liste d'options se cache derrière la barre de défilement. Veuillez vous référer à cette image https://prnt.sc/oitdlw
J'ai créé un échantillon chez JSFiddle qui montre le problème et le résultat attendu http://jsfiddle.net/u4q82a71/4/
Veuillez me faire savoir si des informations supplémentaires sont nécessaires.
Merci d'avance
3 Réponses :
Essaye celui-là. supprimer overflow-x: scroll
css
.inner {
width: 140px;
height: 70px;
}
Je suppose que vous ne pouvez pas supprimer overflow-x: scroll pour une raison quelconque :) vous pouvez ajouter ce style à votre <ui-select-choices>
.ui-select-choices {
position: fixed;
top: inherit;
width: inherit !important;
}
alors vous pouvez voir que cela fonctionne bien même avec votre overflow-x: scroll faites overflow-x: scroll j'espère que cela a été utile
Si le problème persiste, la solution consiste à ajouter append-to-body = "true" à l'élément ui-select