Esri/react-arcgis

Popups displaying below map after updating to latest

gregypooh opened this issue · 5 comments

gregypooh commented

Expected behavior

  • I expected popups to display in the map when I upgraded to the newest versions of @esri/react-arcgis and esri-loader.
  • I'm using React v16.8.6.

Actual behavior

  • Now they show up below the map:

image

Steps to reproduce the behavior

I'm currently working on a "proof of failure", but was hoping someone has seen something like this before. I'll post a little repo once I'm able to reproduce.

To open the popup I'm simply doing:

        view.popup.open({
          content: 'This is my popup content'
        });
gavinr commented

What versions of react-arcgis and (and esri-loader, if applicable) are you using?

gregypooh commented

@gavinr :

"@esri/react-arcgis": "~5.1.0",
"esri-loader": "~2.14.0",
gavinr commented

are you setting loaderOptions to css:true?
specifically:

<WebMap
    id="xyz"
    loaderOptions={{ version: "4.15", css: true }}
  />

see here

gregypooh commented

I just realized that I was missing that in my "replication". I added it, and the popup displays in my replication...
In my actual project code I have css: true...
I'm still digging.

gregypooh commented

I was able to solve the issue. I had code that was preventing the map from rendering while an async API call was being executed. I removed this, and it works!

I'm not sure why updating broke this, but I was able to get my map in working order. Thank you!