This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Firefox 12+ Issue with Dragging rotated div

  • 3 replies
  • 2 have this problem
  • 2 views
  • Last reply by gnittala

vms_vms
vms_vms
more options

On a div with text, i have double click event which rotates the div by 90 degrees and a drag event which lets the user to move the div around, with in its parent. Dragging normal text div works perfectly fine. I have problem when it's rotated 90 degrees or -90 degrees. There is slight shift in the div before it starts moving along with the mouse. Here is an example of what I am talking about.

http://jsfiddle.net/shore_haritha/sf43B/

I have this issue from firefox 12 through the latest version. When I looked at the Change log for Firefox 12 this is what I found.

"The element.getBoundingClientRect() method now considers effect of CSS transforms when computing the element's bounding rectangle."

Does anyone have an idea what is going on here? Any help would be appreciated.

On a div with text, i have double click event which rotates the div by 90 degrees and a drag event which lets the user to move the div around, with in its parent. Dragging normal text div works perfectly fine. I have problem when it's rotated 90 degrees or -90 degrees. There is slight shift in the div before it starts moving along with the mouse. Here is an example of what I am talking about. http://jsfiddle.net/shore_haritha/sf43B/ I have this issue from firefox 12 through the latest version. When I looked at the Change log for Firefox 12 this is what I found. "The element.getBoundingClientRect() method now considers effect of CSS transforms when computing the element's bounding rectangle." Does anyone have an idea what is going on here? Any help would be appreciated.

All Replies (3)

gnittala
gnittala
more options

Hello, I tried to recreate the issue you mentioned in the JSFiddle. To confirm, the issue is when the div is at 90 degrees and when you try to move this using the mouse (select the div and move), only at this stage does the div move a bit to the right and only then can you move it. The same issue doesn't happen when the div is horizontal (180 degrees). Did I get that right?

P.S: I tried to record the issue, but for some reason, I couldn't record the moving div using the recording tool.

Thank you

vms_vms
vms_vms Question owner
more options

Yes gnittala!!

Thanks for looking into it.

gnittala
gnittala
more options

Hello, can you please confirm if I got the issue description right?