Hello, Im using ArcGis javascript to create a web app especially for phones. At some point I found out, that on Android devices when the map is clicked (not touched - movement on map is fine), it re-renders for some reason.
Ive tried it on different devices and OS (iphones, tablets, desktops with mobile settings..) and all are good but android devices.
Here is a video with issue. Before each rerender comes click: video
The code is pretty simple:
const mapDiv = useRef<any>(null);
useEffect(() => {
if (!mapDiv.current) return;
const initializeMap = () => {
try {
const map = new Map({
basemap: 'dark-gray-vector',
});
const mapView = new MapView({
container: mapDiv.current,
map: map,
center: [16, 49],
zoom: 18,
});
return () => {
mapView && mapView.destroy()
};
} catch (error) {
console.error("Error creating map:", error);
}
};
initializeMap();
}, []);return (
<div ref={ mapDiv } className="map-container" />
);
Ive also tried some ArcGis examples and with some of them I experience the same behavior.
For example:
https://developers.arcgis.com/javascript/latest/sample-code/basemaps-portal/ in codepen this map rerenders after click on android phone.
But this one doesnt get rerendered: https://developers.arcgis.com/javascript/latest/sample-code/widgets-basemapgallery/
Im really confused about this behavior, can anyone tell me how to stop these unwanted mapView re-renders?
Thanks in advance!
Im using:
- Typescript 4.4.2
- React 18.2.0
- Arcgis core 4.28.10
