277356 - onmouseup event not working

Status: VERIFIED DUPLICATE of bug 102695

(Core :: DOM: Events, defect)

Description

[Bob Bruce]

When running the rubber band zoom box on the map image on this web page and when
the left mouse button is released, the onmouseup event assigned by the mapimage
form element is not activated. Thus the zoom in action that should occur after
the left mouse button is released does not happen. I have verified that this
page works fine on other web browsers.

The web page contains the instructions on how to operate the controls. This page
uses a CGI program, the University of Minnesota MapServer, to generate the map
image on initial load and after the zoom in action is invoked.

Comment 1

[Nickolay_Ponomarev]

can you make a smaller testcase and try with a recent build / tell what your
build is.

Comment 2

[Bob Bruce]

(In reply to comment #1)
> can you make a smaller testcase and try with a recent build / tell what your
> build is.

I'm sorry but this is the smallest test case that I can make. It is only for
zooming in on a map image using a zoom box and nothing else. I have tested this
successfully with IE6, Netscape 7.1, and Opera 7.54u1. This hasn't worked on the
Firefox and the Mozilla browsers.

As far as I can tell the Firefox build is: Mozilla/5.0 (Windows; U; Windows NT
5.0; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0

I took this from the Help > About Mozilla Firefox menu item, if I need to
provide you with more information, please let me know where to look for it and
I'll gladly provide you with it.

I appreciate your looking into this, I'd rather stick with Firefox than use
these other browsers.

      Bob Bruce

Comment 3

[Martijn Wargers (dead)]

You have the onmouseup event handler set on the image, but you're creating and
resizing an absolutely positioned red bordered <span> (display:block) on
onmousedown and onmousemove on the image.
But when the mouse pointer is on the <span>, those events aren't "catched".
That's why you get this problem. An other effect is that you can't shrink the
red bordered <span>.
In IE6, you don't see this problem happening (as much) because there transparent
elements are also 'transparent' for events. That's bug 102695.
So, I think this bug is invalid or you could call it a duplicate of bug 102695,
perhaps.

Bob, I don't know if you're the webmaster, but you could fix this issue by
putting the event handlers also on the red bordered span. (I'm not exactly sure
what you use the event argument for, but I think the js code could be quite
easily fixed, if this would mean it broke something)

Comment 4

[Bob Bruce]

(In reply to comment #3)
> You have the onmouseup event handler set on the image, but you're creating and
> resizing an absolutely positioned red bordered <span> (display:block) on
> onmousedown and onmousemove on the image.
> But when the mouse pointer is on the <span>, those events aren't "catched".
> That's why you get this problem. An other effect is that you can't shrink the
> red bordered <span>.
> In IE6, you don't see this problem happening (as much) because there transparent
> elements are also 'transparent' for events. That's bug 102695.
> So, I think this bug is invalid or you could call it a duplicate of bug 102695,
> perhaps.
> 
> Bob, I don't know if you're the webmaster, but you could fix this issue by
> putting the event handlers also on the red bordered span. (I'm not exactly sure
> what you use the event argument for, but I think the js code could be quite
> easily fixed, if this would mean it broke something)


Martijn:
          MANY THANKS, putting in these extra events on the <span> element
worked to fix the problem. I appreciate the time that you took to look into this
problem and your solution to it. This will help me to move forward in my web
development project and still use Firefox and have the web pages work for
Firefox. I will take your suggestion and mark this as a duplicate of bug #102695

   Bob Bruce

*** This bug has been marked as a duplicate of 102695 ***