This is a migrated thread and some comments may be shown as answers.

[Solved] Firefox 7 breaking changes with text-overflow: ellipsis

1 Answer 72 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Michael
Top achievements
Rank 1
Michael asked on 04 Oct 2011, 11:46 PM
Looks like the Firefox folks finally got around to implementing "text-overflow: ellipsis".  Unfortunately, it broke a few things; the Telerik grid styles have "text-overflow: ellipsis" for ".t-grid td".  This caused my text-less JQuery buttons to be changed to ….  I noticed a problem with the grouping demo on the Telerik ASP.NET MVC demo too (The arrow icons are changed to ellipsis)

I "fixed" the problem by adding a style attribute to my grid to remove the text-overflow style for the columns that I stick buttons into.

FYI.
-- pryankster

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 05 Oct 2011, 07:53 AM
Hi Michael,

Indeed, some changes to the CSS are required now the FF7 supports ellipsis. For example, the following fixes the problem with grouping icons and group titles:

.t-grid .t-grouping-row td
{
    overflow: visible;
}

All the best,
Dimo
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the Telerik Extensions for ASP.MET MVC, subscribe to their blog feed now
Tags
General Discussions
Asked by
Michael
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or