Selected pin on map gets deselected when adding new pins

Bug Reports
1

Hi,

to reproduce this bug is as easy as: create a map with one mapMarker (pin). Click on the pin to select it (so it gets “bigger”). Then add another pin and the selected pin gets deselected.

Fuse 1.8
IOS 11.3

2

Hey @zaulin.

It is hard to reproduce without minimal reproduction code. Please post code, so we can copy-paste and run. Where do you add another MapMarker? On what mobile device are you testing, iOs or Android?

3

here u have:

iOS 11.3
Fuse 1.8

1.- Click on the top bar
2.- Before next pin appears (5 seconds) --> Select pin
3.- When pin #2 appear #1 gets deselected

    <App>
	<JavaScript>
	var Observable 	= require("FuseJS/Observable");

		var uxMapPageMapMarkers = Observable();
		var uxMapPageLat = Observable(41.35967);
		var uxMapPageLng = Observable(2.10028);
		var uxMapPageZoom = Observable(10);
		var showPanel = Observable(false);


		function myFunction() {

			uxMapPageMapMarkers.clear();

			marker1 = {
				name: "my place",
				lat: 41.35967,
				lng: 2.10028
			};

			marker2 = {
				name: "my place 2",
				lat: 41.390205,
				lng: 2.154007
			};

			uxMapPageMapMarkers.add(marker1);

			setTimeout( function() { uxMapPageMapMarkers.add(marker2); }, 5000)
		}

		function uxMapOnMapMarkerTapped(args) {
			console.log("map marked tapped")
		}


		module.exports = {

    		uxMapPageMapMarkers: uxMapPageMapMarkers,
    		uxMapOnMapMarkerTapped: uxMapOnMapMarkerTapped,

    		uxMapPageZoom: uxMapPageZoom,

    		uxMapPageLat: 				uxMapPageLat,
    		uxMapPageLng: 				uxMapPageLng,

    		myFunction: myFunction

		}

	</JavaScript>

	<Panel>

			<DockPanel>

				<Panel Dock="Top" Background="#ff0000" Height="60" HitTestMode="LocalVisualAndChildren">
					<Text Value="Click here to add one marker" Alignment="VerticalCenter" TextAlignment="Center"/>
					<Clicked>
						<Callback Handler="{myFunction}"/>
					</Clicked>

				</Panel>

				<Panel Background="#00ff00">
					<NativeViewHost ux:Name="NativeView">
		            	<MapView Latitude="{uxMapPageLat}" Longitude="{uxMapPageLng}" ShowMyLocation="true" Zoom="{uxMapPageZoom}" MarkerTapped="{uxMapOnMapMarkerTapped}" ShowMyLocationButton="true"> 
		                	<Each Items="{uxMapPageMapMarkers}">
		                    	<MapMarker Latitude="{lat}" Longitude="{lng}" Label="{name}"/> 
		                	</Each>
		            	</MapView>
		        	</NativeViewHost>
				</Panel>

			</DockPanel>
	</Panel>
    </App>
4

Same happens on android 6.0.1

Bonus:

If i draw a circle on top of the map it gets drawn on iOS but not in android:

EDIT: the circle is drawn it was hidden by the bottom bar I forgot the < bottombarbackground >

			<Panel Background="#00ff00">

				<NativeViewHost ux:Name="NativeView">
					<Circle Fill="#fff" Width="40" Alignment="BottomRight" Margin="0,0,5,5" Height="40">
					</Circle>

	            	<MapView Latitude="{uxMapPageLat}" Longitude="{uxMapPageLng}" ShowMyLocation="true" Zoom="{uxMapPageZoom}" MarkerTapped="{uxMapOnMapMarkerTapped}" ShowMyLocationButton="true"> 
	                	<Each Items="{uxMapPageMapMarkers}">
	                    	<MapMarker Latitude="{lat}" Longitude="{lng}" Label="{name}"/> 
	                	</Each>
	            	</MapView>
	        	</NativeViewHost>
			</Panel>