Map point text now missing after iOS 18 upgrade

[MarkBoucher]

My website www.ccflood.us is a simple map that uses a CSV file for the data that is displayed on the map. It uses the ESRI JS API.

Recently the points on the map began missing the text in the boxes only on Apple devices that have been upgraded to iOS 18. (see image)

Has anyone also had this happen to their site? If you have upgraded to iOS 18, try this site on your iPhone then look at it on an Android phone or your desktop browser. You should seet the values in the boxes and a "+" at points that have no value.

If you've had this happen with your site or have heard of a fix, please reply to this post.

Thanks,

Mark

[WesleyO]

Hi Mark,

So far, we are seeing one other instance of this issue in Support and we're still investigating this. I'll try to share any updates here once I have them.

[MarkBoucher]

There is an iOS 18 update (18.0.1). It did not fix this issue.

[MarkBoucher]

I noticed a few days ago that the issue is not just for the iOS 18 on my iPhone. It is also happening on Chrome Desktop. See my RainMap page and make sure you select Datasets>Season's Rainfall from the dropdowns. 

https://www.ccflood.us

MS Edge desktop does not have this problem.

The other datasets chosen on the drop down don't have this issue of the text in the box not showing.

When seen on an iPhone all of the datasets have the issue. Safari also shows the same problem with all data.

[MarkBoucher]

We have now discovered that the the points on the map began missing the text in the boxes happens in Chrome, but not in Edge on one computer, the happen on Edge, but not Chrome on another computer. This "dual dicotomy" has happened for two differnt people. The text is still missing on the iOS 18 platform.

When we try to use a newer ArcGIS API for JavaScript (currently on 4.22) the problem does not go away and eventually, at some higher version, the API stops showing. This may require a makeover of the .js.

[MarkBoucher · Accepted solution]

SOLVED: We think we found and fixed the issue. The issue was we were calling an old version of the API. ("https://js.arcgis.com/4.22/">).

My programer changed the API version from v4.22 to v4.29 (string ("https://js.arcgis.com/4.22/"). We I believe this was the main issue. We also made some coding changes to be compatible with v4.29.

In the process of trying to see if the the issue was a font or layer issue, a varible got renamed which added to our confusion. Once we found that error and changed the version, and (cleared the iPhone cache), we got it to work as expected.