Dear colleagues. 

I have 2 different kendo UI JS-configured grids - one is pure, other is compiled with webpack.

So the pure JS displays correct icons for column headers.

Webpacked JS -- wrong top-aligned icons.

What's wrong with webpacked one? The codes are similar.

Any clues of the issue? Please.

Hi, Max,

Thank you for the provided images.

In general, this might be caused by different JavaScript or Kendo UI library versions. Could you try to update the scripts and styles to the latest version for both grids?

With that aside, the exact positioning of the filter icons depends on the theme that is used. Could you let me know the theme that you are currently using? They are divided into two categories - LESS-based and SASS-based themes.

Furthermore, it would be great if you could provide your configuration file or a demo with the faulty behavior. Here is a dojo template with the latest versions included:

• https://dojo.telerik.com/

I will be glad to assist you further.

Kind Regards,
Anton Mironov
Progress Telerik

Hello, thanks for your reply.

Here:

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.114/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.114/styles/kendo.silver.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.114/styles/kendo.mobile.all.min.css">
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.1.114/js/kendo.all.min.js"></script>

Hello, Max,

Thank you for the provided details.

The last Kendo available version is 2020.2.617. Try updating your project files to the last version.

If you could provide a demo with the faulty behavior I would be able to investigate the issue more detailed. Here is a dojo template with the latest versions included:

https://dojo.telerik.com/

Will be glad to assist you further.

Regards,
Anton Mironov
Progress Telerik