Bug 113584

Summary:

Using position: absolute to hide span in link highlights all text below when right clicking the link

Product:

WebKit

Reporter:

Ellen Herzfeld <ellenetdom>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Minor

CC:

ahmad.saleem792, bfulgham, jcraig, samuel_white, simon.fraser, zalan

Priority:

Version:

Safari Technology Preview

Hardware:

Mac

OS:

macOS 13

URL:

http://jsfiddle.net/ellenh/hVG5d/

Attachments:

Description	Flags
A page showing the problem (same as jsfiddle)	none

Ellen Herzfeld

Reported 2013-03-29 08:14:01 PDT

Created attachment 195747 [details] A page showing the problem (same as jsfiddle) W3C recommends adding a hidden span containing informative text to links like "read more". They use position: absolute to hide the span, as does html5 boilerplate using a method suggested by Jonathan Snook. However, in webkit on Mac (Safari, Chrome, and Webkit nightly) when you right click on such a link, instead of only highlighting the link itself, everything below the link is also highlighted. Very ugly... I've made a fiddle to show this, and have attached the same in a html file. I think I found a workaround using display: inline-block instead of position:absolute, but still.

Attachments
A page showing the problem (same as jsfiddle) (2.84 KB, text/html) 2013-03-29 08:14 PDT, Ellen Herzfeld	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Samuel White

Comment 1 2014-02-07 11:21:54 PST

Moving out of accessibility.

Ahmad Saleem

Comment 2 2023-09-19 14:25:46 PDT

I am able to reproduce this bug in 'Safari Technology Preview 178', while right-clicking on "Read more", everything below get selected as well. Changing it to 'New' from 'Unconfirmed' and also changing from 'New Bugs' to 'Layout & Rendering' due to 'Selection' being rendering stuff.

Note You need to log in before you can comment on or make changes to this bug.