Select to view content in your preferred language

Zone Lookup Instant App broken after AGOL upgrade

1048
24
Jump to solution
02-29-2024 12:09 PM
PaulCone2
Frequent Contributor

We have a public facing Instant App using the Zone Lookup tool template that appears to have been broken with the February 2024 ArcGIS Online upgrade.  The map is still appearing correctly, but in the app it does not show the map at all...

PaulCone2_0-1709237315103.png

 

 

The app is here...

DBI Credit Program Subdistricts lookup tool - Overview (arcgis.com)

The map the app uses is here...

DBI Credit Program Sub-districts (arcgis.com)

I tried selecting the map in the app again, but that didn't fix.

Please help us fix this!

Paul

0 Kudos
24 Replies
NataliyaLys
Frequent Contributor

@KellyHutchins 

Here is my NearBy app, and I added a CSS code you provided but I still have an issue on mobile.

https://omaha.maps.arcgis.com/apps/instant/nearby/index.html?appid=069f919b138e46989daf8b1743b87df9

And here is a Zone lookup. It seems to have the same issue. 

https://omaha.maps.arcgis.com/apps/instant/lookup/index.html?appid=04fed46b57844df6af3b2d151872bc99

0 Kudos
KellyHutchins
Esri Frequent Contributor

@NataliyaLys I tested both apps on my iPhone15 and they worked for me. I also tested an iPhone 13 and 14 using a simulator and it was ok there too.  Can you tell me a bit about the devices you are testing with and the issue you are seeing on mobile?

0 Kudos
NataliyaLys
Frequent Contributor

@KellyHutchins I had a couple of my colleagues test it on iPhones and it worked for them. 

I was testing in on an android devise, Samsung s21. I tested it using Chrome browser and it didn't work. Then I installed Firefox browser on my android phone, and the app works as expected in Firefox. 

So the issue seems to be specific to the Chrome browser on an Android, perhaps?

wmlrose
Occasional Contributor

I also see that Zone Lookup briefly flashes the map on app startup and then hides it. This was tested using Chrome on Android Samsung Galaxy S21. The css below does not correct this. And, I don't see that the problem can be reproduced by Chrome Dev Tools device emulators.   

@media screen {
#infoPanel.info-modal{
position:unset;
}
}

 

0 Kudos
KellyHutchins
Esri Frequent Contributor

@wmlrose this issue was fixed a while ago in the AGOL apps. Are you able to reproduce the issue using this sample app?

 

https://www.arcgis.com/apps/instant/lookup/index.html

 

0 Kudos
wmlrose
Occasional Contributor

Hi Kelly. Thanks for the quick reply. The sample app you provided above does not demonstrate the problem on my Android device. Do we need to recreate the app?

0 Kudos
wmlrose
Occasional Contributor

This is the instance of the app that does not render a map in our Android device: https://cor.maps.arcgis.com/apps/instant/lookup/index.html?appid=40a004098051476dba45d659d2d02595

0 Kudos
KellyHutchins
Esri Frequent Contributor

I'll take a look and see if I can find that particular Android device to test. 

0 Kudos
KellyHutchins
Esri Frequent Contributor

@wmlrose I'm trying to narrow down the issue but working on finding a device that shows the issue. In the meantime can you test this on the device where you see the issue and let me know if the app loads? 

https://codepen.io/kellyhutchins/full/VwogpEb

0 Kudos
wmlrose
Occasional Contributor

@KellyHutchins Yes, the app loads a normal map from my Samsung Galaxy. Here's a screenshot.Screenshot_20241112_155444_Chrome.jpg

0 Kudos