Skip to main content

Bug Tracker

Side navigation

#14132 closed bug (notabug)

Opened July 15, 2013 06:25AM UTC

Closed July 26, 2013 04:51PM UTC

Custom Cursor twitches when crossing the border of a jQuery-animated element

Reported by: Owned by:
Priority: undecided Milestone: None
Component: unfiled Version: 2.0.3
Keywords: Cc:
Blocked by: Blocking:

This only happens when I have two different CSS-defined custom cursors. (I assume for this bug to happen, both cursors have to be .cur files stored on the server, aka not any of the default built-in cursors)

Here is what my CSS looks like:

body { cursor: url('cursors/custom.cur'); } (a cursor for the whole site)

a { cursor: url('cursors/link.cur'); } (a cursor for all the links on the site)

Then I create a <div> element that is within an <a> element.

I use jQuery's hover function to animate the <div> element when the mouse hovers over it.

Two things happen:

The jQuery's code starts animating the <div> element.

The CSS code makes my cursor change to my "link.cur", remember, because the <div> is within an <a>.

For whatever reason, this confuses the browser and causes my cursor to "twitch" or "jump" around in about a 5px radius area. This only occurs when the cursor is "crossing" the div's border, it stops happening after the cursor is inside the div element, and happens again when the cursor leaves the div element, and again, stops happening when the cursor is far enough outside of the div element.

When this first happened to me, I thought my code had errors in it. So I recreated the situation in a much more simpler context, using only the bare necessities. After troubleshooting all the possibilities I can only conclude that this is a bug with jQuery, because the problem only occurs when i introduce jQuery animations into the equation.

Perhaps I found a bug, or perhaps not. Either way I would really like to get this fixed because I love jQuery but I also enjoy using a custom cursor from time to time to enhance the user experience.

I was having trouble recreating the problem on jsfiddle because I couldn't host my '.cur' files on any site that allowed direct file linking. But it should not take long to recreate on a localhost at all, five mins maximum.

I patiently await your response jQuery team :D. Thank you!

Attachments (0)
Change History (1)

Changed July 26, 2013 04:51PM UTC by dmethvin comment:1

resolution: → notabug
status: newclosed

This is really more of a story than a bug report. Please triage the issue on a forum and if you can create a jsFiddle test case that fails with only jQuery core then create a new bug report with the fiddle link.