Historic map opacity slider not working on some devices

[jimsafley]

The opacity slider uses jQuery UI slider, augmented for mobile with Touch Punch. It does not work as expected in some OS/browser combinations:

Unresponsive

• Samsung Galaxy
• HTC Incredible 2
• Droid 4

Sluggish

• LG Optimus L9, Chrome
• Droid 4, Chrome
• Nexus 4, Chrome

Works

• Nexus 7, Firefox/Chrome
• IPhone 4, Firefox/Chrome
• Nexus 4, Firefox
• Droid 4, Firefox

Unfortunately there may not be an easy way to fix this using our current technologies. While it works most of the time, jQuery UI is not optimized for mobile devices. (Touch Punch may be the only reason it works in the first place.)

jQuery Mobile has a slider that would work, but it's a web framework that would require a rewrite of the map application. I can find no other alternative that is sure to work. I recommend that we move back to the toggle visibility button.

[sheilabrennan]

Jim, thanks very much for testing this thoroughly. I agree with your recommendation.

Do you think if the JQuery UI becomes optimized for mobile--let's say by next year--that we can add that back in?

[jimsafley]

I can switch to a slider whenever we find a replacement, but I don't know whether jQuery UI intends to optimize for mobile or they will continue to focus on jQuery Mobile. I'll have to look into how much work will be involved in switching to jQuery Mobile.

[jimsafley]

Fixed in 25533af63dd09229e6ed8c0687062b9d53e76c87