-
Notifications
You must be signed in to change notification settings - Fork 96
Open
Description
Steps to reproduce
- Create a map with inner element which have click event handler
- use event.stopPropagation() in child element event handler
- open app on touch device (IPad for example or event Chrome touch emulation)
- click on child element
<ngui-map center="Brampton, Canada" (click)="onMapClick()">
<custom-marker position="will-fall-back-to-brampton-canada"
[geoFallbackPosition]="[43.73154789999999, -79.7449296972229]">
<img src="marker-icon.svg" (click)="onInnerElementClick($event)" />
</custom-marker>
</ngui-map>
onMapClick () { console.log('Map clicked'); }
onInnerElementClick (event) {
event.stopPropagation();
console.log('Inner clicked');
}
Current behavior
Console output will be
console.log('Map clicked');
console.log('Inner clicked');
Expected/desired behavior
Propagation without useCapture should work from inner element to outer.
And stopPropagation should prevent parent click handler.
Output should be:
console.log('Inner clicked');
Other information
If I use (touchend) it works like expected.
Metadata
Metadata
Assignees
Labels
No labels