Last Updated: 08 Feb 2022 15:52 by ADMIN
Created on: 25 Jan 2022 09:08
Category: UI for ASP.NET MVC
Type: Bug Report
MVC Grid search panel rendering issues

Bug report

Regression introduced in R1 2022.

Reproduction of the problem

Reproducible in the demo:

Current behavior

There is a difference in the rendering of the search panel.


<span class="k-textbox k-grid-search k-display-flex">
    <input autocomplete="off" class="k-input" placeholder="Search..." title="Search..." type="text">
    <span class="k-input-icon">
       <span class="k-icon k-i-search"></span>

Kendo UI for jQuery and Core:

<span class="k-searchbox k-input k-input-md k-rounded-md k-input-solid k-grid-search">
    <span class="k-input-icon k-icon k-i-search"></span>
    <input autocomplete="off" placeholder="Search..." title="Search..." class="k-input-inner">

As a result, in MVC the search panel's magnifying glass is displayed outside the input.

Additionally, the search panel's appearance in Kendo UI for jQuery and Core is different than the one in the previous versions. In R3 2021, the input is positioned on the left hand side of the Grid's toolbar and the magnifying glass appears at the right end of the input. In R2 2022, the input is positioned on the right side of the toolbar and the magnifying glass is displayed at the beginning of the input.
R3 2021 dojo
R1 2022 dojo

Expected/desired behavior

Positioning of the input within the toolbar and the magnifying glass icon within the input, to be as in R3 2021.


  • Kendo UI version: 2022.1.119
  • jQuery version: x.y
  • Browser: [all]