geocode search on mobile

[oeon]

if mobile device user clicks whitespace to the left of the geocode/search magnifying glass...all kinds of errors follow

[bsyu1125]

The issue has to do with the input form being hidden. In Control.Geocoder.css, the input form is supposed to be hidden by changing the width and height to 0, but the width cannot be hidden for some reason. Height has successfully been changed to 0 though. Will look more into the issue on Monday.

So far the issue is only with iPhones (most likely on the ipad too).
The button is fine on @kaysabelle's galaxy s4 mini and her surface pro, users are unable to see or press on the excess white space.
Button also looks fine in Chrome.

[kaysabelle]

On Firefox, there is a little whitespace to the left of the search icon. Will continue investigating this.

[bsyu1125]

Looked into the Firefox problem, it seems as though every browser handles margins and pixel density differently.
Icon sizes are fixed for Chrome, Firefox, and IE 11 (didn't have time to test out older versions of IE).

Icon size is also fixed on iPhones.

There's an issue where the screen shifts to the left and reverts back on my iPhone when the search is tapped.

[oeon]

How about we file an issue https://github.com/perliedman/leaflet-control-geocoder or try another Geocoding plugin http://leafletjs.com/plugins.html ?