telerik / kendo-themes

Monorepo for SASS-based Kendo UI themes
149 stars 71 forks source link

Loading icon changes height of DropDownList #3655

Open martintabakov opened 2 years ago

martintabakov commented 2 years ago

Describe the bug While the loading icon is visible in the DropDownList when fetching data, the widget's height is changed.

To reproduce

  1. Open this Dojo example - https://dojo.telerik.com/AFuQItIv/4
  2. Select an item in the first DropDownList

You can compare the height of the two dropdownlists

Expected behavior The height of the DropDownList shouldn't change when the loading icon is visible.

Workaround

.k-i-loading {
    min-height: 5px !important;
    max-height: 5px !important;
}

Affected browsers (please remove the unneeded items)

meriturva commented 1 year ago

Same issue here using kendo combobox component for angular v.12.1.0 and kendo-theme-bootstrap v6.3.0.

https://stackblitz.com/edit/angular-1w31uu?file=src%2Fstyles.scss