angular-ui / angular-ui/ui-scroll

Plugin acts weirdly when list items feature CSS transition

Aperta
#41 0 commenti 1 reazione 0 assegnatari Vedi su GitHub
Lingua principale
JavaScript
Stelle
326
Fork
104
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

I ran into a weird issue where the list to be scrolled started to _jump_ around crazily when new data was loaded (See here: https://github.com/parklab/refinery-platform/issues/852) and I figured out that this was caused by the following styling on list items:

```
li {
transition: height 0.2s ease;
}
```

It makes sense in a way as JS probably relies on the immediate application of the adjusted height of the first pseudo list item. A simple fix would be to disable transitions on that pseudo list item via JS since element styles can't be overwritten by CSS.

**CSS Fix:**

```
li {
transition: all 0.2s ease;
}
li:first-child {
transition: none !important;
}
```

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.