CODEWITHSUNDEEP
htmlcsskendo-grid
Younghun Jung
Younghun Jung

Reputation: 361

text-overflow: ellipsis show weird characters on IE11

I got issue about text-overflow: ellipsis on 'th' of table. OS: window7(also 10) Browser: IE11

There is no this issue on Chrome and Safari (Window and MAC OS). Long values on cells are converted show values with characters like '...'. However characters are weird.(browser encoder is set UTF-8) please check screenshot.

enter image description here

I checked css(below) is applied on 'th' element.

white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;

I think this issue can be occured other elements. How can fix this problem...?

Upvotes: 0

Views: 583

Answers (1)

skyboyer
skyboyer

Reputation: 23705

Check font family you use(try another one).

Ellipsis actually is not 3 ordinary dots but special single character. For some reason IE cannot find or render this symbol. Have no idea why this happens to IE only.

Upvotes: 2

Related Questions