Bug 221762
| Summary: | cursor: pointer is not appearing on <area> element used in conjunction <img usemap="..."> | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | alehm |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED FIXED | ||
| Severity: | Normal | CC: | ahmad.saleem792, bfulgham, rniwa, vitor.roriz, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 14 | ||
| Hardware: | Mac (Intel) | ||
| OS: | macOS 11 | ||
alehm
Please see a small demo here: https://jsfiddle.net/d48r7bo1/ (taken from MDN web site)
Try to hover different parts of the image (e.g. CSS, Graphics) and observe that a cursor has a default style. This works as intended in Chrome and FF.
Please note, that <area> elements do not have `href` attributes (it works fine when `href` is declared).
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/74483873>
Ahmad Saleem
I tried to look into UA Stylesheet across all browsers but I couldn't find any reference:
https://wpt.fyi/results/html/rendering/the-css-user-agent-style-sheet-and-presentational-hints/mouse-cursor-imagemap.html?label=experimental&label=master&aligned
Only Firefox has something:
https://searchfox.org/mozilla-central/source/layout/style/res/html.css#669
img[usemap], object[usemap] {
color: blue;
}
but nothing about "cursor".
Ahmad Saleem
By any chance - this is following blink fix? https://src.chromium.org/viewvc/blink?view=revision&revision=152150
I haven't tried above commit locally.
Alexsander Borges Damaceno
Pull request: https://github.com/WebKit/WebKit/pull/40021
EWS
Committed 290169@main (3445c01a99af): <https://commits.webkit.org/290169@main>
Reviewed commits have been landed. Closing PR #40021 and removing active labels.