The default bug view has changed. See this FAQ.

Cursor glyph for CSS3 'no-drop' is the same as for 'not-allowed'

NEW
Unassigned

Status

()

Core
Widget
P4
enhancement
12 years ago
6 days ago

People

(Reporter: mats, Unassigned)

Tracking

(Blocks: 2 bugs, {css3, helpwanted, testcase})

Trunk
css3, helpwanted, testcase
Points:
---
Dependency tree / graph

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: tpi:+, URL)

Attachments

(2 attachments, 1 obsolete attachment)

(Reporter)

Description

12 years ago
Cursor glyph for CSS3 'no-drop' is the same as for 'not-allowed'.

(spawned off from bug 163174 comment 98)

The desired glyph is a hand with a small 'not-allowed' symbol next to it.
http://www.worldtimzone.com/mozilla/testcase/css3cursors.html

Updated

12 years ago
Keywords: css3, testcase
I've just started working on a new glyph.

Comment 2

12 years ago
Sergey, which program do you use to create win32 cursors? I use MicroAngelo. I
can easily convert a 32x32 .gif into a valid win32 .cur file.
I've created a custom no-drop win32 .cur; the only issue remaining is
determining the hotspot preferred in Mozilla.

http://www.gtalbot.org/GRAPHICS/ICO/Custom_made_no-drop.cur
With MSIE 6, you can view it
http://www.gtalbot.org/HTMLJavascriptCSS/Cursors.html#CSS3
Frankly speaking, I edit the corresponding doublebytes manually after creating
the cursor.

I'll attach the specs for you here, wait a minute.
Created attachment 169054 [details]
Windows bitmaps (BMP, ICO, CUR)

To save your time, I'll summarize: 0A is X coord offset, 0C is Y coord offset
for hotspot.
Created attachment 169055 [details]
Microsoft Windows custom cursor (.CUR) for CSS3 no-drop

Open it in your favourite hex editor; the first bytes should be:

00 00 02 00 01 00 20 20 04 00 06 00 01 00 E8 02

06 and the following 01 is the hotspot: X=6, Y=1, counting from (0;0) the upper
left corner of the bitmap.
Several differences between my version and
http://www.gtalbot.org/GRAPHICS/ICO/Custom_made_no-drop.cur are the following:

1) I used 1-pixel white halo around no-drop symbol to make it visible on black
or other dark backgrounds

2) I made hand's thumb somewhat wider, to match anatomy of average user
Created attachment 169063 [details]
Microsoft Windows custom cursor (.CUR) for CSS3 no-drop

Reduced unnecessary bloat; now this cursor is as small in filesize as 326
bytes.
Attachment #169055 - Attachment is obsolete: true

Comment 8

12 years ago
> 1) I used 1-pixel white halo around no-drop symbol to make it visible on black
> or other dark backgrounds
> 

Yeah, good idea: MSIE 6 does that.

> 2) I made hand's thumb somewhat wider, to match anatomy of average user

Also, your .cur file is smaller (766 bytes, 16 colors); mine is 2238 bytes, 256
colors.
2 colors should be enough ;-)

Updated

12 years ago
Attachment #169063 - Attachment mime type: image/x-mswindows-cursor → image/x-icon
Blocks: 280331

Comment 10

11 years ago
"
no-drop
    Indicates that the dragged item cannot be dropped at the current cursor location. Often rendered as a hand or pointer with a small circle with a line through it. 

not-allowed
    Indicates that the requested action will not be carried out. Often rendered as a circle with a line through it.
"
http://www.w3.org/TR/2004/CR-css3-ui-20040511/#drag-and
(Assignee)

Updated

8 years ago
Product: Core → Core Graveyard

Comment 11

7 years ago
A lot of things has changed since 2006, and since I don't have access to a computer with Windows, I wonder, is this still the case?

Comment 12

7 years ago
Should have tried the testcase first, it's the same thing on Mac OS X. This should be switched from a Windows bug to an all OS bug, or, closed, if we feel that there is no need to have different cursors.

Comment 13

7 years ago
What's the right component for this bug?
OS: Windows XP → All
Hardware: x86 → All

Updated

7 years ago
Assignee: win32 → nobody
Component: GFX: Win32 → Layout
Product: Core Graveyard → Core
QA Contact: ian → layout
Component: Layout → Widget
QA Contact: layout → general

Updated

2 years ago
Blocks: 1133584

Updated

8 months ago
Priority: -- → P4

Updated

8 months ago
Whiteboard: tpi:+

Comment 14

7 days ago
Hello,

I get expected results in 
https://www.w3.org/TR/css-ui-3/#valdef-cursor-no-drop
and
http://www.gtalbot.org/DHTMLSection/Cursors.html#CSS3


I get/see an arrow (albeit not a white hand) with a small red 'not-allowed' circle symbol on its righthand side. The spec says: "Often rendered as a hand or pointer with a small circle with a line through it." So, an arrow is fine.

I use Firefox 52.0.1 buildID=20170317212642 under 
Linux 4.8.0-42-generic x86_64 (64bit)
Qt: 5.6.1
KDE Plasma: 5.8.5
KDE development platform: 4.14.22
KDE Frameworks: 5.28
Kubuntu 16.10 (codename: yakkety)

Can anyone else please report his/her findings for Windows 7, 8, 10 and for Mac OS X 10+ ?

Comment 15

7 days ago
Another 'cursor: no-drop' test:
http://test.csswg.org/suites/css-ui-3_dev/nightly-unstable/html/cursor-007.htm

Comment 16

6 days ago
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:52.0) Gecko/20100101 Firefox/52.0

"no-drop" is the same as "not-allowed" for me on Win7
You need to log in before you can comment on or make changes to this bug.