<kendo-grid-date-filter-menu> in IE

[Yuriy]

Hi,

<kendo-grid-date-filter-menu> does not render properly (WIDTH) in IE only (see screenshot) when [extra]="false" and without [extra] attribute (screenshot)

The code is :

<kendo-grid-column field="Created" title="Created" [width]="90" format="{0:d}">
  <ng-template kendoGridCellTemplate let-dataItem>
    {{dataItem.Created | date:'M/dd/yy h:mm:a'}}
  </ng-template>
  <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
     <kendo-grid-date-filter-menu [column]="column" [filter]="filter" [filterService]="filterService" [extra]="false">
     </kendo-grid-date-filter-menu>
   </ng-template>
</kendo-grid-column>

[Svet]

Hi Yuriy,

Thank you for the provided screenshots.

Indeed, this is a known bug on our side. We have fixed it in the current theme version. Check the following issue:

https://github.com/telerik/kendo-theme-default/issues/845

But it also requires an update of the grid version as well. However, the latest grid version introduces a breaking change (that will require some other updates) and this is why currently we could apply the following workaround:

styles: [`
      >>> .k-filter-menu {
      min-width: 200px;

Here is a sample plunker demonstrating the above workaround:

https://plnkr.co/edit/9cx392wFlV9tbrg5IYkF?p=preview

I hope this helps. Please let me know in case I can provide any further assistance for this case.

Regards,
Svetlin
Progress Telerik