Google maps with ngmap mobile issue

Question

I'm using google maps with ngmap in an angular application and I'm having an issue with a custom marker.

My custom marker has an input field inside to set a custom name for my location. The problem is that on mobile (Android & iOS) I cannot access this field to write into. (Basically I cannot tap on the input field) Do you have any idea on why would that happen?

I've got my code here to see this thing in action.

score 1 · Accepted Answer · answered Jan 20 '16 at 11:29

1

You can try this:

HTML:

<div class="infobox">
  <div class="infobox__custom-name">
    <input autofocus type="text" ng-model="vm.eventLocation.name" ng-click="vm.click($event)">
  </div>
  <div class="infobox__address">{{vm.eventLocation.address}}</div>
</div>

JS:

 vm.click = function(e) {
    e.target.focus();
  }

answered Jan 20 '16 at 11:29

beaver

17,333
2
40
66

It's exactly how I solved my problem. Even though I've created a directive for myself to do that. Nevertheless I will accept your answer. – Peter_Fretter Jan 20 '16 at 19:28
Thanks having shared also your idea – beaver Jan 20 '16 at 19:57

Google maps with ngmap mobile issue

1 Answers1