Kendo grid behaves abnormally when removing groups

[jmsaunders001]

I'm submitting a...

• Bug report

Current behavior

When grouping and animations are enabled while viewing via Internet Explorer, the grid detail rows shrink horizontally and are out of alignment with Grid Headers.
Steps:

1. Open the Plunker https://plnkr.co/edit/RGMsu3?p=preview
2. Drag a column to grouping area (I used Name)
3. Remove the column group (Name in my case)

Observe that the grid detail rows squish to the left, and are now out of alignment with headers.

Expected behavior

Grid rows don't squish.

Minimal reproduction of the problem with instructions

This is the plunker for the issue. https://plnkr.co/edit/RGMsu3?p=preview

This is the same code from the kendo ui site with some additions.

You will see that I have imported animations and added them to the component. This is all that is needed to re-create the issue. There is another other way to replicate it, however, it involved a hidden div that I didn't feel like creating in plunker. I can show you that if needed.

Environment

Package versions:

Browser:

• Chrome (desktop) version 67.0.3396.79 (Official Build) (64-bit) - works
• IE version 11 - broken
• Edge version 38.14393.2068.0 - works with animation, does not with hidden div

System:

• TypeScript version: 2.7.2
• Node version: 8.9.4 / 6.0.0
• Platform: Windows

[jmsaunders001]

You may have to pop the preview window out in Plunker too fully see it

[elena-gancheva]

The issue is no longer reproducible on Chrome and Edge latest versions, supported by the Angular framework https://angular.io/guide/browser-support.

The problem is present in IE 11.