Dropdown menu's not working on touch devices

Which device did you test it on? Android, Iphone, Ipad?

hi, I have just installed the latest version of this store locator in my WP 3.8.1 site using Envision theme (https://themeforest.net/item/envision-responsive-retina-multipurpose-theme/5928018). I am encountering the same issue of not having the dropdowns opening on touch devices. I have tested it on the iPhone 5 (iOS 7.0.4).

I’m using the Enfold theme. Tested it on Android and Ipad, both not working.

Just noticed this myself, on ipad. Assuming iphone is the same. The css drop downs for distance and results down open.

Same here on iPhone, using Woothemes Canvas

hi all, i managed to solve this bug with a little hacking of the codes:

1. /frontend/class-frontend.php:
line 177:
change WPSL_URL.'js/jquery.easydropdown.min.js' to WPSL_URL.'js/jquery.easydropdown.js'
(so that we can edit the plugin’s js file)

2. /js/jquery.easydropdown.js:
line 144:
before self.$select.focus();, add a new line:
self.$select.show();
self.$select.focus();

have tested this on iPhone and it works, not sure about other devices.

awesome loshberry

Drowdown’s are working on iPad too!

Great find Ioshberry ?? I was about to start coding a whole new dropdown script, but this is an easier fix. I will test it on some other devices as well.

That code adjustment works, but it still crashes on iOS. The plugin gets the location from iOS, searches for stores, shows them for a moment then crashes Mobile Safari.

I’ve got the phone plugged in for Safari Dev access but because the page actually throws Safari out you don’t get to see where in the code the crash happens but it’s just after the stores are located and displayed.

@joshua I noticed there was an update for the easydropdown library that is used in the plugin. I included the new version of the library here -> https://tijmensmit.com/dev/wp/store-locator/ Could you if possible test if it still crashes on iOS for you?

Tijmen, it doesn’t work on my iPhone 4S iOS 7.1.
It does fix my dropdown issues on Mac and PC!

Hi All,

Loshberry’s fix (tested and working on iPhone 4&5, ipad 1 & Air) a few posts above (part 2) was actually on line 114 for me, not line 144:

1. /frontend/class-frontend.php:
line 177:
change WPSL_URL.’js/jquery.easydropdown.min.js’ to WPSL_URL.’js/jquery.easydropdown.js’
(so that we can edit the plugin’s js file)

2. /js/jquery.easydropdown.js:
line 114:
before self.$select.focus();, add a new line:
self.$select.show();
self.$select.focus();

So code around that part of the function became:
bindTouchHandlers: function(){
var self = this;
self.$container.on(‘click.easyDropDown’,function(){
self.$select.show(); // new line added as per Loshberry fix
self.$select.focus();
});

Hope it helps someone.

OK – I hope you’ll bear with me. I just moved over to the iphone (6+) and to my horror see that the dropdown menus in at least two of my sites are not accessible. They work perfectly fine in my Android Galaxy 3. I see the code above, but where on earth to I insert that?

The themes for the two sites are twentytwelve and photocrati. The twentytwelve site is a hybrid with half the site being static html.

Any help at all would be greatly appreciated!

I can confirm that the dropdowns are working properly on iPad 3 and on iPhone 5S, both running the latest iOS versions. I am running on Genesis Sixteen Nine theme and WPSL 1.2.24. https://www.destination-bbq.com/sc-bbq-map-locator/

@jlevant are you running the latest plugin version 1.2.24? Also, what is the url of your site?