Avatar for Username

Zoeken in Support

Vermijd ondersteuningsscams. We zullen u nooit vragen een telefoonnummer te bellen, er een sms naar te sturen of persoonlijke gegevens te delen. Meld verdachte activiteit met de optie ‘Misbruik melden’.

Meer info

Deze conversatie is gearchiveerd. Stel een nieuwe vraag als u hulp nodig hebt.

Firefox 12+ Issue with Dragging rotated div

  • 3 antwoorden
  • 2 hebben dit probleem
  • 2 weergaven
  • Laatste antwoord van 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.

Alle antwoorden (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 Vraageigenaar
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?