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.

testcase:

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

Philippe
--
Philippe Wittenbergh
http://l-c-n.com/
Received on Sunday, 26 June 2011 03:29:43 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:41 GMT