We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

为提升您的使用体验，本站正在维护，部分功能暂时无法使用。如果本站文章无法解决您的问题，您想要向社区提问的话，请到 Twitter 上的 @FirefoxSupport 或 Reddit 上的 /r/firefox 提问，我们的支持社区将会很快回复您的疑问。

Avatar for Username

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信，及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

话题已存档。 如果需要帮助请提出新问题。

Firefox 12+ Issue with Dragging rotated div

  • 3 个回答
  • 2 人有此问题
  • 2 次查看
  • 最后回复者为 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.

所有回复 (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?