Mousemove showing unexpected grey rect on mac + firefox?

Hi,

I'm trying to use SVG. I put this into an xhtml file:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN""http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"&gt;

<html xmlns="http://www.w3.org/1999/xhtml"&gt;
  <body>
    <svg:svg    
      xmlns:svg="http://www.w3.org/2000/svg"     
      version="1.1"
      width="300"
      height="400">
        <svg:rect
          x="30"
          y="30"
          width="90"
          height="90"
          style="position:absolute;fill:#0000ff"
          />
    </svg:svg>
  </body>
</html>

It's just a blue rectangle. On mac, in firefox, when I try dragging anywhere within the SVG area, I sometimes get a small grey rectangle appearing where the mouse is, and starts following the mouse around. This does not happen on safari.

I am not expecting anything to happen on mouse drag, since the above sample does not have any handlers set. So I'm confused why this grey rectangle appears. It looks like FF is trying to figure out if I want to drag and drop the area somewhere else?

This wouldn't be a huge problem, however if I do add a mousemove handler to my svg elements, this behavior messes things up - sometimes I can drag items ok, other times FF gets confused and doesn't drag the svg element, instead the crazy grey rectangle appears.

Is there some drag and drop handler I need to override to completely block this behavior from happening?

Thanks

ansaurus

tags:

views:

answers:

Mousemove showing unexpected grey rect on mac + firefox?

related questions