Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Avatar for Username

ابحث في الدعم

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 ردود
  • 2 have this problem
  • 2 views
  • آخر ردّ كتبه 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 صاحب السؤال
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?