nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Zone Lookup Instant App broken after AGOL upgrade

PaulCone2

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...

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

Encuentra más publicaciones etiquetadas con

Accepted answers

khutchins

This is a bug in the logic that shows the info window as a modal. We will work on patching this but in the meantime if you go into the config and uncheck the "Open as introduction window" option your app will display.

Once the fix goes in you can reapply the open as introduction window setting.

In the meantime if you ne

All comments

khutchins

Once the fix goes in you can reapply the open as introduction window setting.

In the meantime if you ne

PaulCone2

That worked -- thank you!

Paul

khutchins

The update went out last night so you should be able to revert to the modal info window now if you'd like.

PaulCone2

Thank you Kelly! FYI, I noticed a typo here ("insted")...

[cid:image001.png@01DA6BE5.41C7B1E0]

StayMappy

@KellyHutchinsI am still having this issue. I did uncheck it and it works fine. When it is checked it freezes up on mobile devices. I have tried iOS and Android devices. I have a workaround for the opening page.

khutchins

I was able to reproduce the issue you are experiencing on mobile. We are working on a fix but in the meantime you should be able to resolve it by adding the following to the custom CSS section in the configuration experience.

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

NataliyaLys

I'm having similar issue with the Zone Lookup and Nearby lookup instant apps. The map will not load on mobile, it flashes and disappears. And also, zoom controls will not show up on mobile.

khutchins

Did you try the fix listed in the comment above this one? If that doesn't resolve the issue can you share your app link if its public? If it isn't public can you tell me a bit more about the capabilities you've enabled in the app?

StayMappy

This worked! Thanks

NataliyaLys

@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

khutchins

@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?

NataliyaLys

@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

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;
}
}

khutchins

@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

wmlrose

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?

wmlrose

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

khutchins

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

khutchins

@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

wmlrose

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

wmlrose

@KellyHutchins I also confirmed that the hidden map behavior can be recreated from a new Zone Lookup app. Though it does use the same backing webmap. https://cor.maps.arcgis.com/apps/instant/lookup/index.html?appid=329dbf682b3f48588fbad604d1d1ed8f

khutchins

Ok thanks for testing. Can you try one more app? https://www.arcgis.com/apps/instant/basic/index.html?appid=40a004098051476dba45d659d2d02595

We are trying to narrow down if its Zone Lookup specific or if it happens in all instant apps.

wmlrose

@KellyHutchins This latest app opens normally on Samsung Galaxy.

khutchins

Can you see if the workaround listed in this article addresses the issue with Lookup on your Android device?

https://support.esri.com/en-us/knowledge-base/problem-web-maps-in-web-apps-are-blank-when-opened-on-a-000032529

wmlrose

@KellyHutchins Upgrading Chrome on my device resolved the issue. I keep the OS current but am embarrassed to say it had been a while since updating the browser. Thank you so much! I really appreciate it.

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.