GreenInfo-Network / MobileMapStarter2

Get a mobile app together in short order using Cordova + Leaflet + Bootstrap
Apache License 2.0
3 stars 0 forks source link

Map page, right-side buttons hard to hit #12

Closed gregallensworth closed 7 years ago

gregallensworth commented 7 years ago

On the Map page, the geocoded button (top right) and gear-settings button (top right) are difficult to hit. Could just be my fingers, but it seems pretty consistent on the iPhone and the iPad -- and does not sidebar-toggle button.

Look into this.

gregallensworth commented 7 years ago

This is notable on the iPhone 6, but not so much the iPad. Smaller location.

Off the cuff, maybe make move the ng-click onto the div.btn button container, rather than the i button? Larger hitbox?

gregallensworth commented 7 years ago

Second item is likely unrelated, but usability experience is much the same:

The geocoded control, when you tap it, can take several seconds to respond. Or else, it's just difficult to hit. Hard to tell. I end up hitting it 4 or 5 times, which gets annoying.

gregallensworth commented 7 years ago

Geocoded needed a lot more work than expected. The 'click' trigger was indeed just plain slow,.

Adding support for 'touchstart' created a new issue: iOS would propagate the click to the icon, thus defocusing the input a half-second later. The input's blur handler to dismiss/collapse the UI would then kick in. The effect is that the UI would open for a half-second, then close itself.

Ultimately, the control now has better support for touch events, opening the UI with significantly less lag than previously. I'll see about submitting this back to perliedman.