topic Re: Weird Resize Behavior in ArcGIS JavaScript Maps SDK Questions

Weird Resize Behavior

CraigMcDade — Wed, 14 Nov 2012 11:18:03 GMT

I'm getting some odd behavior when I resize my map app.

If the application opens in a maximized window, I can resize to a smaller window and back to the maximized extent without any issues.

If the application opens in a window that is not maximized and I then try to maximize the window, the map does not resize and my application gets blank white space in the area that is new from the resize.

I'm not seeing any errors related to this in developer tools or firebug. My resize code is:

  dojo.connect(map, 'onLoad', function(theMap) {            //resize the map when the browser resizes            dojo.connect(dijit.byId('map'), 'resize', map,map.resize);         });

Re: Weird Resize Behavior

AndyBurns — Wed, 14 Nov 2012 12:48:58 GMT

Looks fine.

Where are you calling this? Inside the init function? Do you have any custom CSS for map?

Also, not ment to offend but theMap - is it valid for your application and not copied from code example?

cheers

Re: Weird Resize Behavior

CraigMcDade — Wed, 14 Nov 2012 13:14:25 GMT

Yes, it is from one of the samples. I thought that might be the issue and took it out, but it didn't make a difference so I just kept it in for now.

It is placed inside the init function. No custom css for map.

Re: Weird Resize Behavior

KellyHutchins — Wed, 14 Nov 2012 20:29:47 GMT

Hi Craig,

Just tested this issue using a sample and can't reproduce. Can you post a code sample that will allow us to reproduce the problem?

Re: Weird Resize Behavior

ReneRubalcava — Wed, 14 Nov 2012 21:15:46 GMT

How about if you listen to the window resize?

dojo.connect(window, 'resize', map.resize);

I changed mine from this to what you had, to listen to the dijit.byId('map') and it did not resize when I maximized in IE8, but I always just listen for the resize event of the window anyway and it's always worked for me.

It may have to do with some css as well if Kelly could not reproduce.

Re: Weird Resize Behavior

CraigMcDade — Thu, 15 Nov 2012 11:45:13 GMT

Hi Craig,

Just tested this issue using a sample and can't reproduce. Can you post a code sample that will allow us to reproduce the problem?

Kelly,

I've attached my code and app. Thanks for helping

Odoe,
I tried that and am still seeing the same issue. Thanks for your help.

I've looked into the CSS and removed the CSS file altogether and the map still doesn't resize when it opens in a non maximized window.

Re: Weird Resize Behavior

KellyHutchins — Fri, 10 Dec 2021 20:24:41 GMT

I ran a quick test with your app and I found that if I use the window's resize event (as odoe pointed out) everything works.

        
  dojo.connect(window, "resize", map, map.resize);

Try replacing the following code in your app with the code above:

dojo.connect(dijit.byId('map'), 'resize', map,map.resize);