Whenever I try to touch a marker on my iPhone its info window doesn’t get selected (info window not showing up). In a browser everything works however.
I’ve tried using @pbernasconi’s solution, but that makes my list not clickable (I have a list below the map).
Is there any other way of going about making the markers clickable without breaking the list?
I am also having the same problem - the fix allows the marker to be clicked (and infowindow.open triggered), but cannot click inside the infowindow (including close button). Any thoughts?
Without “data-tap-disabled=‘true’” and by programmatically opening an infowindow containing an ‘ng-click’, the click event fires like it should. I understand that ‘data-tap-disabled’ applies to the element to which it is affixed and all of its children. Consequently, I believe that the fix requires a method to stop its application once it encounters a child element with “data-tap-disabled=‘false’” (for instance). I have logged the issue on github here: https://github.com/driftyco/ionic/issues/1505
The fix appears right in that thread, it seems. One needs “data-tap-disabled=‘true’” on the map container but also “scroll=‘false’” on the enclosing ‘ion-content’ element.
The problem with this fix is that you lose scroll. I have a codepen with a nested ‘ion-content’ to try and resolve, but it does not work on mobile.
Do you mean you lose scroll on the list below? (as the scroll on the map works fine for me in my android phone), I can also scroll the list by scrolling the page… So I assume your trying to get the list to scroll independently??
I don’t think you can do what you want to do (which I want to do too) which is split the window into content at the top with independently scrollable content at the bottom where the screen does not expand vertically. I can think of a hugely hacky way of doing this with absolute positioning but the code would be just horrible.
@andmar8 Hey thanks for the suggestion, but I think we’ll leave this unpinned. Our docs and codepens do demonstrate that if you need regular javascript click events to work with third party examples, such as google maps, you need data-tap-disable enabled.
With our new releases happening weekly now, this feature is no longer considered a “breaking change” by us. But this does bring up a good point, repeat questions are becoming all too common.
I highly suggest that everyone should search the forum for anything first before posting questions.
I tried to add scroll=“false” to my ion-content and add data-tap-disabled=“true” to my map’s div with no luck.
I still have same problem. Marker’s click event works fine on browser but not in my android device.