63058 2011-06-21 01:56:59 -0700 text overflow ellipsis and whitespace no wrap can produce background colour artifact 2011-06-22 00:44:43 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) PC Windows Server 2003 RESOLVED INVALID P2 Normal --- 0 luke.a.page webkit-unassigned helder.magalhaes webmaster oldest_to_newest 424350 0 97950 luke.a.page 2011-06-21 01:56:59 -0700 Created attachment 97950 reproduces problem See test case. If I have span New Zealand and I am cutting off from w onwards and inserting an ellipsis, I would not expect background colours from the cut off text to be applied to the parent span. It appears broken in IE and Chrome and I will be raising a question on the mozilla text overflow bug. 424563 1 helder.magalhaes 2011-06-21 10:58:51 -0700 (In reply to comment #0) > I will be raising a question on the mozilla text overflow bug. That would be https://bugzilla.mozilla.org/show_bug.cgi?id=312156#c305 ;-) 425071 2 luke.a.page 2011-06-22 00:44:43 -0700 As pointed out on the mozilla bug, it seems this is what is specified to happen "(In reply to comment #305) "Hide characters and atomic inline-level elements at the end edge of the line as necessary to fit the ellipsis." http://dev.w3.org/csswg/css3-ui/#text-overflow In your example, the red background belongs to a non-atomic inline, which is still displayed even though its text is removed. I don't see any error in IE9 or Chrome13 for your testcase, this is how Firefox will render it as well." 97950 2011-06-21 01:56:59 -0700 2011-06-21 01:56:59 -0700 reproduces problem testcase.txt text/html 796 luke.a.page PGh0bWw+DQo8aGVhZD4NCjwvaGVhZD4NCjxib2R5Pg0KDQp0ZXN0IGNhc2UgMS4uIHdoaXRlc3Bh Y2Ugd3JhcDogQ29ycmVjdCBpbiBjaHJvbWUgYW5kIElFDQoNCjxkaXYgc3R5bGU9Im92ZXJmbG93 OiBoaWRkZW47IHRleHQtb3ZlcmZsb3c6ZWxsaXBzaXM7d2lkdGg6MjBweDtib3JkZXI6IGJsYWNr IDFweCBzb2xpZDsiPk5ldyA8c3BhbiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjogcmVkOyI+WmVh bGFuZDwvc3Bhbj48L2Rpdj4NCg0KdGVzdCBjYXNlIDIuLiB3aGl0ZXNwYWNlIG5vIHdyYXA6IEZh aWxzIGluIGNocm9tZSBhbmQgSUUuIHdvdWxkIG5vdCBleHBlY3QgcmVkIGJpdCBhdCBlbmQuDQoN CjxkaXYgc3R5bGU9Im92ZXJmbG93OiBoaWRkZW47IHRleHQtb3ZlcmZsb3c6ZWxsaXBzaXM7d2lk dGg6NDBweDt3aGl0ZS1zcGFjZTpub3dyYXA7Ym9yZGVyOiBibGFjayAxcHggc29saWQ7Ij5OZXcg PHNwYW4gc3R5bGU9ImJhY2tncm91bmQtY29sb3I6IHJlZDsiPlplYWxhbmQ8L3NwYW4+PC9kaXY+ DQoNCnRlc3QgY2FzZSAzLi4gd2hpdGVzcGFjZSBubyB3cmFwOiwgc3BhbiBub3QgbmV4dCBmaXJz dCB3b3JkLiBDb3JyZWN0IGluIGNocm9tZSBhbmQgSUUNCg0KPGRpdiBzdHlsZT0ib3ZlcmZsb3c6 IGhpZGRlbjsgdGV4dC1vdmVyZmxvdzplbGxpcHNpczt3aWR0aDo0MHB4O3doaXRlLXNwYWNlOm5v d3JhcDtib3JkZXI6IGJsYWNrIDFweCBzb2xpZDsiPk5ldyBaPHNwYW4gc3R5bGU9ImJhY2tncm91 bmQtY29sb3I6IHJlZDsiPmVhbGFuZDwvc3Bhbj48L2Rpdj4NCg0KPC9ib2R5Pg0KPC9odG1sPg==