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

Android Edge Flickering

Stuart-Harlan

Created an ESRI JSAPI 4.28 web map and it flickers on Android/Edge, usually after a pan/zoom. Android/Chrome does NOT flicker. The entire map frame flickers, but, not the entire web page. No flickering on desktop either (Edge or Chrome). Only experienced on Android/Edge (Android 13/Galaxy S20 FE 5G/Edge 124.0.2478.87).

But, it's not just my web app. Tried several samples from the ESRI JS SDK site and they flicker as well.

Finde mehr Beiträge mit dem Tag

Accepted answers

All comments

PancovaMarketa

Hi, we are experiencing the same problem on 200+ mobile devices. We contacted Esri Support and they informed us, there is a bug BUG-000169781 logged for this, resolved in ArcGIS MapsSDK for JavaScript version 4.31.

KnoxvilleRegional

Update 6/20/2024: The flickering while using Edge on Android seems more pronounced today. My app is usable, but this is a sizable distraction. I'm still using ArcGIS JS version 4.28.

KamilNovák

We have 100% identical problem. I have tested next version of API (4.30), which is available here https://github.com/Esri/feedback-js-api-next/blob/main/CHANGELOG.md and it unfortunately seems there is the same issue.

AZendel

I just started having similar issues today (6/4/2024).

I've been intermittently developing a custom app using version 4.29 for a couple of months now. Users can click/tap a bus stop that is going to be discontinued. This click opens a popup that tells them where the closest alternative stop is - and it features a button that says "show me where". When they click the button, I used map animations to zoom to the alternative stop. Once the animation ends, a pop up opens on the alternative stop that displays more information.

Because most bus users will not be using a laptop nor desktop, I've been testing this functionality in Chrome and Firefox on my Android (Galaxy S20 Ultra) pretty regularly. I haven't had many problems at all. Then this morning I added a few more feature layers to the map and changed the base map png (not vector) tiles that are served from our county's ArcGIS Server. I tested things a number of times on Chrome on my desktop and didn't notice any issues. But when I tested it on Chrome on my phone, I saw some flickering when the first pop up is displayed. It was weird and a little annoying, but the app is still usable. But now when I click the 'show me where' button, the map zooms to the alternative stop, the pop-up displays and the map goes completely blank. I also can't interact with the map at all until I close the popup which is 'docked' on the bottom part of the map.

Since the original poster mentioned that he was using Edge on Android, I installed Edge on my phone for the first time just now. The flickering is more pronounced on Edge than it is on Chrome. And the map goes blank when the second pop-up appears, just like Chrome.

When I change (downgrade) from the JS API from version 4.29 to 4.28, (note the 8):

-- Chrome (Android): the flickering seemed to be present the first few times I loaded the map, but it appears to be gone now. The map does NOT go blank when the second pop-up appears. My app is usable again!

-- Edge (Android): the flickering is more frequent than Chrome. The map does NOT go blank when the second pop up appears. It's a little annoying but my app is usable.

Additional notes:

I did not experience any issues on my Windows 11 Desktop using Chrome, Edge and Firefox. When testing on these browsers, I opened the Dev panels and simulated the app on phone sized screens.
I also didn't have any problems with Firefox on my phone.

Browser versions/builds on my phone (none are development or beta versions, as far as I can tell):

Edge: 125.0.2535.72
Chrome: 125.0.6422.146. According to this site, version 125.0.6422.140 was released on 5/30/2024. I don't think that I tested my app between then and today (6/6/2024), so it seems plausible that this Chrome release may have caused the issue.
Firefox: 122.0 (Build #2015998391)

At least my web app is working. I doubt many people are using Edge on Android, so my level of concern is not super high. I hope this information helps.

JeffreyClark1

Same issue here in the past versions and now 4.29 - i can replicate this issue (the flickering) by looking at/interacting with samples in the documentation on my android tablet

Stuart-Harlan

Thoughts? API bug? Upcoming fix?

Stuart-Harlan

I updated my site to 4.29 and I still get the flickering.

Stuart-Harlan

Hosted sample.

https://developers.arcgis.com/javascript/latest/tutorials/display-a-map/

Rec_20240515_093836_Edge_hosted_sample.mp4

Stuart-Harlan

That's not a hosted sample. I'll find a hosted sample.

Stuart-Harlan

Here is a screen recording showing the flickering.

Rec_20240515_092727_Edge.mp4

Stuart-Harlan

Will do. I should be able to reply later today.

Noah Sager

Hi @Stuart-Harlan, I tested today with samples from 4.29 and I do not see any flickering. Can you test with 4.29 as well? And can you record the flickering you are seeing using a hosted sample?

My testing:

Edge 124.0.2478.104

Android 14

https://developers.arcgis.com/javascript/latest/sample-code/

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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