My favorites | Sign in
Logo
             
New issue | Search
for
| Advanced search | Search tips
Issue 1446: hand cursor's hot spot is misplaced
10 people starred this issue and may be notified of changes. Back to list
 
Reported by mfosteru...@yahoo.com, Sep 05, 2008
The hot spot of the hand cursor is placed at (or near) 0,0. This makes it 
awkward to click on items in Google Maps for example.

Product Version      : 0.2.149.27
URLs (if applicable) : http://maps.google.co.uk
Other browsers tested:
    Firefox 3: OK
         IE 8: OK

What steps will reproduce the problem?
1. Go to Google Maps.
2. Note the transition to/from the hand cursor when entering/leaving the 
map or hovering over items (such as wikipedia markers).

What is the expected result?
The hot spot should be somewhere near the middle as it is in other 
browsers.


Comment 1 by pixelman, Sep 08, 2008
Confirmed.  It is easiest to see this bug by slowly going over a Wikipedia icon from 
all directions and seeing where the open hand changes to the pointing hand.  Compare 
to when it changes in Firefox.
Comment 2 by mal.chromium, Sep 29, 2008
(No comment was entered for this change.)
Labels: -area-unknown Area-Misc
Comment 3 by jon@chromium.org, Nov 11, 2008
Taking these to triage.
Owner: jon
Comment 4 by jon@chromium.org, Nov 14, 2008
You should double-check me but I believe this is fixed with the nightly builds of 
Chromium.  You can get them from http://build.chromium.org/buildbot/continuous/LATEST/

The finger appears where the tip of the mouse cursor was.  This is correct, I 
believe.

Unless I hear otherwise I will close this as fixed on December 1st.
Status: Assigned
Labels: -Area-Misc Area-WebKit Close20081201
Comment 5 by pixelman, Nov 16, 2008
Which hand cursor are you guys checking?  The pointing-hand cursor placement is 
correct.  It is the full, open-hand cursor that we're talking about here.

It is still showing the hand being different compared to what Firefox and IE have.  
Both FF & IE have the tip of the arrow pointer = pretty close to the base of the 
joint between index and middle finger on the hand cursor.

Safari, on the other hand, does exactly what Chrome/ium is doing, placing the active 
spot very close to the upper left 0,0 loc of the hand cursor.

Did you guys try loading up Google maps, turn on the Wikipedia feature (under More), 
and slowly drag the cursor onto the W icon from left, right, top and bottom?  Compare 
how FF & IE do it.  The FF & IE placement are more natural than the Safari & Chrome 
placement.
Comment 6 by pixelman, Nov 17, 2008
Oh, and for an even clearer example, use the tiny W's instead of the large ones.  
This will clearly show you why this is a problem.  Other browsers you can click those 
tiny W's very easy, very naturally.
Comment 7 by jon@chromium.org, Nov 17, 2008
The additional examples make it clearer what should be fixed.  This is a good candidate for someone who wants 
to learn the Chromium codebase and make their first patch.  
Status: Available
Owner: ---
Labels: -Pri-2 -Close20081201 Pri-3 Mstone-1.1
Comment 8 by laforge@chromium.org, Jan 12, 2009
(No comment was entered for this change.)
Labels: Mstone-2.0
Comment 9 by jon@chromium.org, Jan 14, 2009
Sorry, this should be upstreamed to WebKit as it also happens in Safari.
Status: Assigned
Owner: anan...@chromium.org
Labels: -Mstone-2.0 Mstone-X NeedsReduction
Comment 10 by mdu@chromium.org, Feb 04, 2009
I tried this in build 2.0.160.1 (Developer Build 9120), It is almost same in Chrome 
and IE, and I feel the hot-spot is place properly.

mfosteru..., can you verify this in the latest build?
Status: Unconfirmed
Owner: ---
Cc: anan...@chromium.org j...@chromium.org
Labels: -NeedsReduction FeebackRequested
Comment 11 by mfosteru...@yahoo.com, Feb 11, 2009
Looks like this is fixed in the current release (1.0.154.48). Cheers.
Comment 12 by pixelman, Feb 11, 2009
Yup, looks good here also in 1.0.154.48.  Keep up the great work guys!
Comment 13 by mdu@chromium.org, Feb 12, 2009
Close it then.
Status: Verified
Labels: -FeebackRequested
Comment 14 by vladimir.slepnev, Mar 03, 2009
Don't close it. The fix seems to only work for Google Maps. If I use the exact same 
cursor file in a test page, the hotspot goes back to broken. (I have 1.0.154.48 on 
Windows.) Attaching a test page.
cursor-test.html
192 bytes Download
Comment 15 by jon@chromium.org, Mar 03, 2009
Please try this against a 2.x build.
Status: Assigned
Owner: m...@chromium.org
Comment 16 by mdu@chromium.org, Mar 03, 2009
vladimir.slepnev, what is broken? 

I tried you cursor-test.html, "hand" cursor is shown when mouse on any of body area,
which is same with IE (in Firefox, "hand" cursor is shown only when mouse on "Hello
World!" text), this should not be a problem.

Actually there is no hotspot in your test case...
Status: Unconfirmed
Owner: ---
Labels: FeedbackRequested
Comment 17 by vladimir.slepnev, Mar 04, 2009
mdu, the hotspot is specified inside the .cur file that's taken directly from Google 
Maps (read the html). To verify the placement, move the mouse between the document 
body and Chrome's top bar - when the cursor switches from arrow to 
"openhand_8_8.cur", the hand is off to the right. Compare with Google Maps when you 
enter or leave the map area.

Comment 18 by mdu@chromium.org, Mar 04, 2009
The .cur file is just an image, there is no hotspot in the case, but when moving
mouse between document body and chrome's top bar, it truly has a little difference
between Chrome/Safari and IE/Firefox.

Supposing moving mouse from chrome's top bar down to body area:

In Chrome/Safari, "hand" cursor is changed to "pointer", the pointer is put on the
location of "middle finger" of the previous "hand" cursor.

In IE/Firefox, "hand" cursor is changed to "pointer", the pointer is put on the
location of "fore finger" of the previous "hand" cursor.
Status: Untriaged
Labels: -FeedbackRequested
Comment 19 by vladimir.slepnev, Mar 05, 2009
mdu,

1) The test case doesn't specify a hotspot in CSS, because Google Maps doesn't do it 
either (I checked). The .cur file has a hotspot specified _inside_ it. Look up the 
.cur format on Wikipedia. Where do you think Firefox and IE get the hotspot position? This particular cursor has size 32x32 and hotspot at 8,8, which I learned by using a 
special .cur file editor.

2) The vertical position of the hand is also off. Move the mouse really slowly. In 
IE/Firefox the palm of the hand appears over the tip of the mouse pointer. In 
Chrome/Safari it jumps down - the hotspot seems to default to 0,0. I'm mystified why 
this doesn't happen on Google Maps.
Comment 20 by marte48, Mar 24, 2009
Thanks for this dicussion thread. I had to add a background gif to get ie and firefox
to recognize the same hotspot. ff was recognizing the entire div, but ie was only
responding to the text/font area. thus, tree menu was enabled.
Comment 21 by jon@chromium.org, Apr 03, 2009
(No comment was entered for this change.)
Status: Available
Labels: -Mstone-X Mstone-2.1 Size-Medium
Comment 22 by jasneet@chromium.org, Apr 20, 2009
(No comment was entered for this change.)
Labels: googleapps
Comment 23 by jon@chromium.org, May 13, 2009
Moving out of Mstone:2.1 as there just isn't enough time to work on this 
issue.
Labels: -Mstone-2.1 Mstone-3.0
Comment 24 by laforge@chromium.org, May 22, 2009
(No comment was entered for this change.)
Labels: mstone4
Comment 25 by laforge@chromium.org, May 22, 2009
(No comment was entered for this change.)
Labels: -mstone-3.0 mstone-4
Comment 26 by laforge@chromium.org, May 22, 2009
(No comment was entered for this change.)
Labels: -mstone4
Comment 27 by ron.chernich, Jul 15, 2009
What is the current state of this bug?  Still looks broken to us when an application
specifies a .cur file using a CSS rule for an element.

We use a custom cursor which has the hot spot in the bottom right corner. IE8 and FF3
get it right. Chrome and Safari ignore this data and use the top left as the hot
spot. As noted by Jon in Comment 9, this would appear to be a WebKit issue [To
complete the list, Opera9 ignores the CSS rule altogether and we see the default hand]
Comment 28 by blackboxxx, Jul 16, 2009
I'd like to add that this bug affects not only websites using custom cursors, but also 
Chrome itself.
When you press middle mouse button to activate auto scrolling, a four-arrow cursor in a 
circle appears. It has hot spot in the center, as expected. However, once you move the 
mouse to start scrolling, cursor changes to directional arrow that is offset to the 
right and downward, i.e. its hot spot is in the top left corner instead of the center.
Comment 29 by karen@chromium.org, Sep 25, 2009
looks like this might be related to: https://bugs.webkit.org/show_bug.cgi?id=15779 
having said that, it's been sitting there for a long time. 
Status: Upstream
Labels: -mstone-4 Mstone-X
Comment 30 by powerpak006, Oct 25, 2009
FYI, google fixes this issue on Maps with a CSS3 custom cursor hot-spot declaration.

It's described toward the middle of:
https://developer.mozilla.org/en/Using_URL_values_for_the_cursor_property

Their full CSS is probably cursor: url(http://url/to/openhand_8_8.cur 8 8, default;
which moves the hotspot to the center of the hand.  The "8 8" doesn't show up in Web 
Inspector which makes it hard to find.

This doesn't fix this bug, which is probably a Webkit bug because it also happens in 
Safari, but it is a possible workaround until Webkit fixes it...
Comment 31 by powerpak006, Oct 25, 2009
Apologies for the typo, I didn't close my parens:
cursor: url(http://url/to/openhand_8_8.cur 8 8, default;
Comment 32 by powerpak006, Oct 25, 2009
Odd. My close-paren gets munged.  Well, you can go to the mozilla page for the correct 
declaration.
Comment 33 by dayveday, Nov 16, 2009
This looks like webkit bug https://bugs.webkit.org/show_bug.cgi?id=8989, as far as I 
can tell.
This is not fixed in the latest webkit nightly (r51062)
Comment 34 by karen@chromium.org, Dec 03, 2009
 Issue 12196  has been merged into this issue.
Sign in to add a comment