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

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 UTC