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


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,
            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.