AnsweredAssumed Answered

popup docking in IE

Question asked by ZConlen@bellevuewa.gov_cobgis on Feb 12, 2019
Latest reply on Feb 13, 2019 by ZConlen@bellevuewa.gov_cobgis

Hi,

I'm finding there is a bug or several bugs with IE brower when configuring popups to use the docking positions (using 4.10). I created a simple demo app, and specified created the mapView like this:

 

app.mapView = new MapView({
            container: "viewDiv",
            map: map,
            center: app.center,
            popup: {
              dockEnabled: true,
              dockOptions: {
                  // Disables the dock button from the popup 
                  buttonEnabled: false,
                  // Ignore the default sizes that trigger responsive docking 
                  breakpoint: false,
                  position: "bottom-center"
              },
              collapseEnabled: false
            },
            zoom: app.zoom
        });

 

This causes the popup to default to the specified dock position. It works fine in chrome and other browsers, but in IE, most of the dock positions cause a bug. Below is the screenshot for bottom-center:

 

Other positions have similar issues, including content overflowing popup container, and for bottom dock positions, the position is shifted to the right (bottom-center and bottom-right).

 

I have been messing around with css to fix the issue but not much luck so far. I'm attaching a word doc with images of the different doc positions....

 

I'll report this as a bug, but if anyone has thoughts about how to work-around this in the meantime, great. I'd prefer for my app to specify bottom-center.

 

Thanks

Attachments

Outcomes