Select2 jumps to top – E-Dynamics wordpress

Tagged: autocomplete, Country, default country, states

This topic has 2 replies, 2 voices, and was last updated 6 years, 9 months ago by Anonymous.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
Wed 28 Feb 2018 at 09:36 #57578

Anonymous
Inactive

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/

Wed 28 Feb 2018 at 14:38 #57580

Franky
Keymaster

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.

Thu 1 Mar 2018 at 00:19 #57591
Anonymous
Inactive
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

Viewing 3 posts - 1 through 3 (of 3 total)

The forum ‘How do I …’ is closed to new topics and replies.