Draw cursor offset issue

[AlexGole1]

Hi,
I am using the following: http://jsbin.com/mutis/1/edit  script and I get a cursor offset when I draw using a freehand poly or simple poly. I noticed that some people have had the same issue in the past. Can anyone tell me how to fix this?
Thank you,
Alex

[JohnGravois]

hi alex,

there are a variety of resources missing in your jsbin that make it impossible to test with it.

in general, its probably a CSS problem, as discussed in this forum.
http://forums.arcgis.com/threads/47975-Map-Navigation-Mouse-Offset?highlight=offset

[AlexGole1]

hi alex,

there are a variety of resources missing in your jsbin that make it impossible to test with it.

in general, its probably a CSS problem, as discussed in this forum.
http://forums.arcgis.com/threads/47975-Map-Navigation-Mouse-Offset?highlight=offset

It seems like the problem is the toolbar. When I remove the toolbar from the <div map> it works fine. When I keep as such there is an offset. Is there a way to keep the toolbar within the map div and have the draw tool work?
Thank you,
Alex

[JohnGravois]

have you tried calling map.reposition() as suggested in the forum thread i linked previously?

[AlexGole1]

have you tried calling map.reposition() as suggested in the forum thread i linked previously?

I have not because I am not sure where to place it in my script. Where should the map.reposition() go?

[JohnGravois]

hard to tell you without seeing a sample app that shows the problem.

[AlexGole1]

hard to tell you without seeing a sample app that shows the problem.

This sample is a very simplified (old) version of my app. http://jsbin.com/ficetiwo/1/edit (click run with js). Click on the "Extract Data" tab at the bottom and then Select an area of interest to draw. I am not sure where to add the map reposition function in this script.

[JohnGravois]

alex,
adding a dedicated <div> for the map inside your content pane (instead of associating the map object with the div for the content pane itself) resolved the problem with the cursor for me.

map = new Map("map2", {
...
<section id="fancy"
</section>
<div id="map2"></div>

[AlexGole1]

alex,
adding a dedicated <div> for the map inside your content pane (instead of associating the map object with the div for the content pane itself) resolved the problem with the cursor for me.

map = new Map("map2", {
...
<section id="fancy"
</section>
<div id="map2"></div>

Where does the toolbar go in that case?

<section id="fancy"
</section>

[JohnGravois]

i just left everything right where it was.

<section id="fancy"  ...
<section id="search" ></section>
...
</section>