Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [cursor]

An interactive indicator showing the location on screen that will accept the input from a keyboard or pointing device (such as mouse).

1
vote
0answers
41 views

Mouse pointer - reason for it changing direction in visual studio [duplicate]

We all know the generic arrow mouse pointer points to the left, however in visual studio if you hover over the line number column in your editor it switches and points to the right. Does anybody know ...
0
votes
2answers
63 views

Resize Cursor - Col/Row vs East-West/North-South

I have a website with 2 panels. The user can resize these two panel using drag-n-drop. I want to change the mouse cursor, when the mouse is hovering over the edge of these two panels, to a Resize-...
2
votes
1answer
73 views

Cursor usage in different application elements

I am working on an application that is mostly used by desktop users. So I am trying to perfect the use of the cursor css-rules. First of all, I have read and try to follow the practice of having ...
0
votes
1answer
43 views

Button Behavior and when to trigger on release

I am writing menu logic and was wondering if there are any general rules for when an on-screen button's function should trigger on release, vs when to trigger on press? (A release trigger requires a ...
1
vote
1answer
125 views

What's the name of this “bubble” for selecting the cursor position?

I am trying implement something similar to this "drop" or "bubble under cursor" used in Android for selecting cursor position, pasting, etc. but I am having trouble to find the name of it. Bonus, if ...
2
votes
2answers
113 views

Differences between links and buttons in a web app or a website in action, affordance, and user experience

I know this question may have been asked before in a different way, but what I'm looking for is that with all the differences between links and buttons, what is important in displaying them in the eye ...
1
vote
2answers
245 views

Should anchors acting as buttons use the pointer cursor?

I've styled my webapp such that buttons use the default cursor, anchors use the pointer cursor (obviously), and buttons acting as anchors use the pointer cursor. Semantically, should an anchor ...
0
votes
3answers
231 views

How to show zoom capability?

I would like to consult with you about a zoom-in functionality we would like to add to a module we're adding to our data SaaS product - wire-frame depicted here: . We have clickable bubbles, and we ...
1
vote
1answer
255 views

Are cursor trail effects frowned upon and why?

A client asked me to add a cursor trail effect to their website. By trail effect I mean something like debris coming off the cursor as you move it around the page. Specifically, my client asked for ...
0
votes
0answers
50 views

How to determine whether custom or “standard” cursors are to be used in a software application?

There are many applications that rely only on the standard cursors (normal cursor for pointing at something, cursor for showing an operation is currently in progress, text cursor etc.) that are ...
69
votes
5answers
19k views

Why don't <button> HTML elements have a CSS cursor pointer by default?

A friend was asking me why <button> HTML elements don't have a CSS cursor pointer by default? It is the default behavior for links, and can be achieved on a button with button { cursor:pointer;...
6
votes
1answer
3k views

Tooltip CSS cursor

I am at a bit of a loss as to what cursor I should be using for tooltips that have no click through behaviour. I have a hover only tooltip are I currently use the CSS cursor: cursor: pointer However ...
4
votes
5answers
519 views

Drag and drop in one axis (reorder) - which cursor?

I was wondering which hover cursor is the best choice for dragging elements in one axis only, for example in reordering elements among listing. cursor: move; It has four arrows, so it's misleading, ...
19
votes
3answers
3k views

Why does the cursor type vary?

All applications in Mac OS and their web interfaces on iCloud vary with their cursor type. My question is for the same apps, why does the cursor type vary between the OS and Web? Please refer the ...
1
vote
2answers
157 views

Relative position for the mouse pointer when dragging-rotating a shape

When clicking in a handle (in blue in the image below) that allows to rotate a shape, you don't always click in the center of it. My question is how do you deal with this (Δx, Δy) small vector (in ...
1
vote
3answers
646 views

Why does the cursor stop blinking after 10 seconds in some programs?

In several programs I've used, the cursor stops blinking after the user has not interacted with the program for several seconds. gnome-terminal and gedit both do this, and I can't find any reasoning ...
0
votes
2answers
176 views

Have clickable elements been a default cursor?

We often get a confusion whether to use hand cursor or default cursors for buttons and other clickable elements. If you consider iCloud and Onedrive both are having their native and web Interfaces, In ...
5
votes
4answers
1k views

Using pointer mouse cursor shape on controls

Microsoft talks about affordance https://msdn.microsoft.com/en-us/windows/desktop/dn742466.aspx Google talks about navigational elements vs action elements W3C The cursor is a pointer that ...
1
vote
3answers
379 views

Draggable canvas

I have a draggable canvas, in the way that the user will have to navigate by dragging the surface, but how do I inform the user that it is actually draggable? So far I have an open hand when not ...
1
vote
1answer
1k views

Is the context-menu cursor a useful replacement for the pointer when opening a context-menu?

To connote that an element opens a menu and is not a link, we are using cursor: context-menu. See example. Our target browsers all support the cursor. I can't find any relevant discussion on the ...
18
votes
4answers
4k views

Why are CSS cursor types so rare on the web?

Coming across this handy CSS Cursor tool I wondered: why are the CSS cursor types other than default, pointer and text so rare on the web? Even most web applications don't go further than these three ...
5
votes
2answers
442 views

Standards for two-finger touch gestures?

I tried to define the follow gestures in a remote desktop app. (Native Touch vs. Cursor Mode) I am worried that the two finger behaviors are too difficult. One-finger (native touch) One-finger tap = ...
2
votes
2answers
1k views

When hovering over a chart, which cursor:pointer style should be used?

What is best practice for cursor pointer choice when hovering over a chart that contains interactive elements? It currently seems to be the standard pointer which does not inform or educate the user. ...
1
vote
3answers
400 views

Less contrast of text cursor over dark input box

We all know dark UI looks damn sexy. The problem is that, when the pointer hovers over a dark input box, the default black cursor has low contrast. Since this could confuse users, what might be the ...
66
votes
4answers
13k views

Why does the cursor have a tail?

Look at your cursor. What's the purpose of its tail—the small rectangular portion at the bottom-right? To me, it follows that it would be equally useful without a tail. I can certainly see why its ...
2
votes
1answer
1k views

Why is the I-beam pointer shaped the way it is? [closed]

Is there a particular reason? I've always wondered why.
2
votes
1answer
294 views

Magnifying glass cursor

I have had a quick look on this site but haven't found anything to help me (unless my search terms were poor). Anyway I came across a post a while back saying that for the cursor on zoom, a magnifying ...
21
votes
3answers
6k views

When to use grab vs move cursor?

I am making an app with a drag and drop UI. I plan on changing the cursor when hovering over the draggable elements. What's the difference between the move and grab cursors? Can they be used ...
4
votes
2answers
2k views

What are the benefits of using a black cursor with white outline, over white with black?

I've used a lot of operating systems, and those that support mouse cursors usually default to a black one with a white outline, with the notable exception of Windows. I used to think that this is ...
1
vote
2answers
127 views

Which “alphabetic” keys are commonly used on Qwerty for cursor movements?

Which are the "layouts" that have been successfully used when making "alphabetic" keys on Qwerty used as cursor movement keys or as arrow keys? Here are the two i know of: <h>: <Left>, &...
8
votes
2answers
221 views

What is a good mouse cursor to point at objects in diagrams?

Do you know of any study or evaluation of the use of mouse cursors specifically designed for the use in diagrams? For example I'm thinking about using a cross hair instead of an arrow cursor when I ...
20
votes
6answers
2k views

Office 2013 smooth cursor while typing

The cursor movement has been animated in the Office 2013. (I'm not sure if it affects some other applications too.) Basically the cursor moves smoothly as you type now letters. Apparently this is ...
63
votes
2answers
14k views

Why did Windows add a pointer trail feature?

So Windows has had, for a while now, a pointer trail feature under the visibility section. But that's something I don't understand. The pointer trail itself is something I find to be annoying, and I ...
5
votes
2answers
4k views

How to use the “help” cursor property?

The W3C allows different CSS cursor properties. Some of them are really common, and I think a majority of users understand them because they saw them per default on any website (text when the text ...
0
votes
1answer
2k views

Why Does Google's Material Design Not Use Proper Cursor? [closed]

It seems to me a usability issue to not indicate to the user clickable affordance on elements such as tabs and sliders; likewise, it seems odd to me that disabled buttons do not have cursor: not-...
2
votes
1answer
251 views

Which pixel on or near the cursor does the user intend to click?

I have annotated the image below with 4 colored rectangles indicating possible cursor click points. Which is the best pixel location to use when deciding which pixel the user intended to click? My ...
4
votes
1answer
164 views

When should I use cursor:default?

On a website, text will by default have the cursor:text type which looks like this: However I've noticed some websites use the cursor:default type on text. When should cursor:default be used on text?...
0
votes
3answers
87 views

Can the mouse interaction be considered as a touch interaction?

I believe that experience comes after perception. So UX can be defined as the user's learning towards a perception. In the case of a web application, where user experiences mostly through sight, can ...
3
votes
1answer
324 views

Mouse cursor when hover over no-link menu item

Now I know that many of you would strongly advise against using no-link menu items and I have read up on the reasons. However the demo site we've been hosting has gotten a lot of feedback from users ...
2
votes
2answers
4k views

Why is the hand symbol used for the hand-cursor?

The question Why is the mouse cursor slightly tilted and not straight? brought up this related question. Why is the hand symbol used instead of any other symbol, say a spade, for the purpose of a ...
8
votes
3answers
12k views

Who created the Mac Mickey pointer cursor?

I just found out why the mouse cursor is slightly tilted*, and asked myself why the pointer cursor is a little Mickey hand. Do you guys know why is it like this and who invented it? Related Question: ...
567
votes
11answers
219k views

Why is the mouse cursor slightly tilted and not straight?

Is this a legacy thing or does a tilted cursor serves a purpose? I can tell that, the angle provides a totally vertical left edge which helps when highlighting text but what else apart from that? ...
1
vote
1answer
919 views

Where to use the default cursor and pointer cursor in button and label?

In google drive i found some buttons and labels are found to be inconsistent in cursors. Are there commonly accepted conventions as to default cursors and pointer cursors in web and desktop ...
26
votes
6answers
5k views

Are hourglass cursors still relevant?

I had a co-worker recommend that I set the cursor to an hourglass (probably the progress cursor as described here) while an operation completes, in a C# dialog. The operation can take a few seconds to ...
1
vote
2answers
257 views

Draggable and Edditable - How to solve?

I have elements on a web app im designing. Its sort of a WYSIWYG thing for a CMS. The elements are boxes. There are different types of boxes, or "micro templates" as I call them. One is a heading ...
3
votes
4answers
940 views

Any reason not to programmatically put the cursor in the search box by default view instead of forcing the user to click before writing the search?

Is there any reason not to programmatically put the cursor in the search box by deafult instead of forcing the user to click before writing the search? Google for instance does this but not always. ...
18
votes
2answers
1k views

Slanted cursor+background for italic text?

In most applications that I'm familiar with, a text cursor in insertion mode is universally represented as a vertical blinking bar: As you can see, for some italic letters this creates visual ...
9
votes
4answers
3k views

Whether to use pointer (hand) over a button or just the default cursor

Gmail uses the pointer on mouse over of a button, while many of other websites uses a hand So I am wondering which kind of cursor is more friendly to users (on web applications), or it just doesn't ...
12
votes
3answers
2k views

Designing bidi text editing

Background. "Bidi" refers to the bidirectional text, that is a text where traditional left-to-right scripts are intermixed with right-to-left ones, such as Arabic, Hebrew, Farsi, Thaana, etc. Such ...
10
votes
4answers
9k views

When to use reversed/mirror arrow cursor?

Is there an established pattern for when to use a reversed (right-pointing) arrow? I most frequently notice it in Outlook on part--but not all--of messages in my inbox: My Google-fu failed at finding ...