Plugin acts weirdly when list items feature CSS transition

[flekschas]

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;
}