Handle Events in Controls under NativeViewHost

How-to Discussions
1

Here’s my code, for some reason boo is not being called.

I suspect the mapview is taking over the tapped event because when you tap the text, the map zooms in.

Anyway i can prevent this bubbling of events like in the HTML DOM spec?

<Page ux:Class="MapPage">	
	<ux:Include File="../shared/fonts.ux"/>
	<JavaScript>	
		var boo = function(){
			console.log("Text clicked on map view!");
		}
		module.exports = {
			boo:boo
		}
	</JavaScript>
	<Panel>		
		<NativeViewHost>
			<DockPanel>
				<Panel Dock="Top" Height="60" Color="#ffffff" Margin="0,40,0,0" Padding="20,20,20,20" Width="90%">					
					<Text Font="Light" Clicked="{boo}">Request package delivery</Text>
				</Panel>			
			</DockPanel>
		    <MapView  Latitude="59.911567" Longitude="10.741030" Zoom="10" ShowMyLocation="True">
		        <MapMarker Latitude="59.911567" Longitude="10.741030" Label="Fuse HQ"/>
		    </MapView>
		</NativeViewHost>		
	</Panel>
</Page>
2

This is a known issue that we have an internal ticket on. You can expect it to be fixed in a future release.