CODEWITHSUNDEEP
csshtmlgoogle-chromecanvasdrag
Valera
Valera

Reputation: 98

Change cursor over HTML5 Canvas when dragging in Chrome

I was looking at how to change the cursor over an HTML5 canvas when dragging the mouse... Came across this: Change cursor over HTML5 Canvas when dragging the mouse

seemed logical that an :active pseudo-selector would do the trick...

When I used it on my page, however, the cursor set by the rule in the :active pseudo-selector was ignored, instead showing the text selection cursor.

In firefox, this behavior is not present - it obeys the cursor property I set.

Here's an example to demonstrate the behavior.

Any idea how to fix this in chrome?

Upvotes: 2

Views: 3059

Answers (1)

Loktar
Loktar

Reputation: 35309

Working Fiddle

Add the following for Chrome to turn off text selection while dragging and dropping.

document.onselectstart = function(){ return false; }​

This has been answered a few times,

chrome sets cursor to text while dragging, why?

Click and Drag Cursor in Chrome

Upvotes: 3

Related Questions