[Solved] Sublevel groups' header text "jumping" on expand/collapse (IE9 only)

[rafael_abreu]

Hi all,

I've implemented a few grids having two(and even three and four)-level grouping, but I've noticed something weird (in IE9 only): the header text "jumps" back and forth when I collapse/expand a header in the last level.

Actually, investigating this issue I found that this behavior can also be seen in the grouping demo page from the Telerik demos: http://demos.telerik.com/aspnet-mvc/razor/grid/grouping

To reproduce it, drag any two or more columns to the grid header, then collapse all groups until no data rows are visible. You'll see the header text in the last levels jumping back and forth as you expand/collapse any group in the deepest level. This is a problem for me, because I've made some customizations on my group headers using jQuery, and this behavior messes up the end result visually.

I've tried a few CSS hacks to try to tackle this issue, but no one could resolve it. If you guys could provide a hot fix for this or at least a quick CSS/JS fix I'd be deeply appreciated.

Thanks!

[Guillaume]

Having the same problem. Did you fix it?