topic Re: Code problem IE 9 and up in ArcGIS JavaScript Maps SDK Questions

Code problem IE 9 and up

TimWitt2 — Tue, 19 May 2015 13:15:29 GMT

Hey everybody,

I am having some issues with an application that I created in IE9 and higher.

Here is a link to my application: Advanced Draw

When I use it in Firefox, Google Chrome and IE 8 everything works fine. Once I switch to IE9 when I place a point, the point is displaced to the top-left. When I switch to IE10 the same happens and I have to click twice to place a point. I can't figure out what the issue could be.

If anybody has any inside!

Thanks,

Tim

Re: Code problem IE 9 and up

thejuskambi — Tue, 19 May 2015 13:57:16 GMT

Could you remove the CSS 1% margin set in the css of the application and test the same.

Re: Code problem IE 9 and up

ChrisSmith7 — Tue, 19 May 2015 14:07:58 GMT

I had this problem as well - honestly, I can't remember the resolution, but I know one exists! I'll see if I can dig it up...

Re: Code problem IE 9 and up

TimWitt2 — Tue, 19 May 2015 14:08:52 GMT

Thanks for the reply.

It lessens the offset but it is still there and so is the having to click twice issue.

Re: Code problem IE 9 and up

ChrisSmith7 — Tue, 19 May 2015 14:13:18 GMT

I think it has something to do with the bottom div - if I remove the left/top attributes of #bottom, it puts your "created by" div at the top; however, the points are no longer offset in IE.

UPDATE - I think I changed something else in addition to this as I tried to replicate the resolution and was unsuccessful.

Re: Code problem IE 9 and up

TimWitt2 — Tue, 19 May 2015 14:17:18 GMT

I tried it but still the same issues

Re: Code problem IE 9 and up

thejuskambi — Tue, 19 May 2015 14:21:34 GMT

I am not sure why this happens, But I definitely know there is some kind of an issue with getMarginBox method and IE. for some reason the margin values are ignored. I dont have the time to look into it, If somebody does, It would be really helpful to get to the bottom of it.

Re: Code problem IE 9 and up

TimWitt2 — Tue, 19 May 2015 14:23:47 GMT

I think you are right, since the dojo themes apply automatic margins around the map. Take a look.

Re: Code problem IE 9 and up

ChrisSmith7 — Tue, 19 May 2015 14:24:20 GMT

This may be related:

Re: Mouse cursor offset from map points in basic viewer template IE only

Re: Code problem IE 9 and up

thejuskambi — Tue, 19 May 2015 14:30:01 GMT

Are you sure. It works for me when I remove the margin 1% from the html page.

Re: Code problem IE 9 and up

TimWitt2 — Tue, 19 May 2015 14:41:11 GMT

I updated the code in the link and removed the margin, but I still have the issue of displacement.

Re: Code problem IE 9 and up

ChrisSmith7 — Sat, 11 Dec 2021 11:01:14 GMT

Tim,

Try this:

        map.on("load", function () {
            toolbar = new Draw(map);
            toolbar.on("draw-end", addToMap);
  //toolbar.on("draw-complete", addMeas);
            editToolbar = new Edit(map);
            map.on("click", function (evt) {
                editToolbar.deactivate();
            });
            createMapMenu();
            createGraphicsMenu();
            map.reposition();
            map.resize();
        });

I added "reposition" and "resize" in your map onload event handler. This worked for me when I ran it in IE's debugger.

Re: Code problem IE 9 and up

TimWitt2 — Tue, 19 May 2015 14:51:02 GMT

Chris,

thejus's solution of removing the margin works in IE10 compatibility view but not in IE10 or IE9.

I tried your approach but no luck. Does it work here for you ( I have updated the code to include your solution.

Advanced Draw

Re: Code problem IE 9 and up

ChrisSmith7 — Tue, 19 May 2015 14:55:57 GMT

This works for me now in IE11. I tried it using IE 8/9/10 emulation as well, and it works, although I still need to click twice for the point to show. I don't have a "real" instance of IE <11 to test, though...

Try clearing your cache and restarting IE.

Re: Code problem IE 9 and up

RobertScheitlin__GISP — Tue, 19 May 2015 15:00:10 GMT

Tim,

I can report the same results as Chris. Works in IE 11 and IE 8/9/10 emulation as well. Although I don't get the click twice issue at all.

Re: Code problem IE 9 and up

ChrisSmith7 — Tue, 19 May 2015 15:01:28 GMT

I'm not getting that now, either - works on one click.

Re: Code problem IE 9 and up

TimWitt2 — Tue, 19 May 2015 15:06:04 GMT

I'll install IE11 and see if it is just a issue for my particular version.

PS: I am ready for IE to disappear

Re: Code problem IE 9 and up

ChrisSmith7 — Tue, 19 May 2015 15:23:12 GMT

Should be soon! At least in name... "Microsoft Edge."

Re: Code problem IE 9 and up

TimWitt2 — Tue, 19 May 2015 15:31:34 GMT

After installing IE11, the offset disappeared but the having to click twice issue is still there... very frustrating.

Re: Code problem IE 9 and up

TomSellsted — Tue, 19 May 2015 15:51:56 GMT

Tim,

I found some event handling weirdness when creating my Measure Widget Measure Widget 1.1.1 for Web App Builder I had to use some special event handling to accommodate the differences between the versions of Internet Explorer. My problem was more related to mouse-drag or mouse-move events, but maybe you are having a similar problem?

Regards,

Tom