Has anyone seen anything like this (Esri JS API 4.30). We're using a basic streets-vector basemap with the "fromId" and that one plus most of the other basic basemaps maps are randomly coming up with the boxes for labels seen below.
The odd behaviors are:
This feels like an implementation issue on my end, but goodness if I can't tell what. Asking here in case it's an issue others have experienced.
So. I have an odd work around. Since the labels correct themselves on map interaction. I updated my code to throw a clear/tiny symbol in on load and it mostly resolves the issue. But there's still some odd label flashing when zooming in and out.
I have the same issue, it is extremely frustrating.
It can happen for the place name labels, or for the icons for city names.
I'd love to see your workaround.
Sounds like what we're seeing too.
It's really not much of a workaround. I can still see the issue very briefly when zooming. I did try and go a bit further with our solution to see what could be the difference between our app and the esri examples where this doesn't happen. We are using a react build that doesn't use esri react components. My attempts though didn't seem to change the issue though.
Below is all I did. On initialize I add a small clear point to the center of the map. Then found that on print, it could show in the print out. So right before print I clear the point and re-add it after print request goes out.
It's a weird solution. But worked enough for us. Just couldn't figure out the root cause or get the issue to go away completely (still barely can see on fast zoom in/out). Let me know if that works for you.
Otherwise, my approach was just messing with the map until I found something that forced the map to somehow refresh without the black boxes. Let me know how it goes for you.
I created another threat for this issue as well.
We are using a similar react setup.
I was able to resolve my issue by pinning the arcgis/core version to 4.28.10, running npm install.
You could delete your .lock file and re-run npm install (dangerous, might break other parts of your app)
There might be some dependencies or secondary dependencies conflicting.