/ / angularjs ui-seleziona scroll show causando jerk - angularjs, scrollbar, angular-ui-select

angularjs ui-seleziona scroll show causando jerk - angularjs, scrollbar, angular-ui-select

Ho passato un po 'di tempo a cercare di formulare questa domanda online senza successo. Il mio problema è che quando clicco su ui-select-choices renderizzato da angularjs -scelte ui-selezionare, la lista si apre bene, ma quando hodevtools up (e quando il browser è meno di una certa larghezza), le opzioni si aprono verso l'alto e attivano temporaneamente la visualizzazione della barra di scorrimento verticale. È presente per millisecondi ma sta causando uno strappo sulla pagina.

Ho provato a impostare l'altezza massima su ul e li senza successo. Posso mettere un overflow: y ma non mi piace vedere la barra di scorrimento.

risposte:

0 per risposta № 1

La mia soluzione è una soluzione: aggiungi "limitTo:"nella ripetizione per limitare la quantità di risultati visualizzati. Ciò mantiene la visualizzazione sotto il menu a discesa anziché sopra (l'importo limite di una determinata quantità mi dà la possibilità di far corrispondere quanto spazio ho lasciato sulla pagina)

<ui-select-choices repeat="item in $ctrl.data | filter: $select.search | limitTo: 6">
<span ng-bind-html="item | highlight : $select.search"></span>
</ui-select-choices>