W3C home > Mailing lists > Public > www-style@w3.org > June 2011

[css3-ui] text-overflow: ellipsis and :hover

From: Philippe Wittenbergh <ph.wittenbergh@l-c-n.com>
Date: Sun, 26 Jun 2011 12:29:18 +0900
Message-Id: <E200F58C-882C-47F7-938C-2C7E6B637865@l-c-n.com>
To: www-style list <www-style@w3.org>
What should happen when the user hovers over the ellipsis when the clipped string is part of a link ? IOW, does the ellipsis become part of the link or does the 'box' generated by the ellipsis cover the link (and blocks hit testing on said link) ?

Implementations disagree with WebKit and IE (tested IE 8) on one side, Opera and Firefox nightly on the other.


<!Doctype html>
div {width: 5em; font-size: 2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: thin solid;}
a:hover {background: yellow; color: blue;}
<div>I didn't <a href="#a">like the play</a>.</div>

Philippe Wittenbergh
Received on Sunday, 26 June 2011 03:29:43 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 22:50:02 UTC