Select2 jumps to top

[Anonymous]

I’m not sure if I should just start a separate thread for this (other) issue I’ve run into related to the autocomplete fields.

The dropdowns are doing a scrollToTop thing on one of the themes I use. The dropdown works just fine on the ‘TwentyTwelve’ Theme.

I’m guessing it’s a bootstrap conflict but can’t be sure since I’m not very familiar with the Select2 plugin. . .

Here’s a link to see the jumping (no other plugins installled – just a Visualmodo theme).

I don’t know if you can offer any guidance or not. Here’s a link:

https://www.coppertreehouse.com/testA/events/1/orality-in-james-joyce-conference/

[Franky]

Seems to be an issue in select2:
https://github.com/select2/select2/issues/5022

You could try a dev-release:
https://github.com/select2/select2/releases

Or apply the pull-request that might fix this:
https://github.com/select2/select2/pull/5183

But this should be something for select2 (while I’m also just the victim here of course) and this deserves it’s own thread.

[Anonymous]

So the culprit here was not at all what I thought it was. I looked at bootstrap, redux framework, blah & blah!

It turned out the theme’s css had a long list of referenced selectors calling:

  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;

The problem was with the span selector. So this solved the problem (I can’t say I know at all why)

span {
  transition: none!important;
  -moz-transition: none!important;
  -webkit-transition: none!important;
 }

[Author]

Posts