search

telerik / kendo-angular

Issue tracker - Kendo UI for Angular
http://www.telerik.com/kendo-angular-ui/
Other
464 stars 213 forks source link

[MultiSelect] .k-icon-wrapper-host rendering mismatch #4294

Open NickIliev opened 2 months ago

NickIliev commented 2 months ago

Bug report The MultiSelect search icon in the popup icon (official demo here: https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselecttree/filtering/) is not rendered as expected for Kendo UI for Angular.

There is a class mismatch between the Multiselect implementation and test specs.

Reproduction of the problem In the test specification, the k-icon selector should be rendered in the same element as the k-svg-icon and the k-svg-i-search CSS classes. image

However, in the Kendo rendering, the k-icon selector appears in two separate elements. As a result, CSS styles based on the Kendo Theme specifications cannot be properly generated.

Example from image

As an immediate side effect, some additional CSS is added through the k-icon-wrapper-host

image

Which leads to broken padding even in the demo application within the Kendo documentation

Actual result image

Expected result image

Reported through t.1651251

Expected/desired behavior To follow the test specs.

Environment Kendo Themes 7.2.0 Kendo UI Angular version: 15.5.0

NickIliev commented 2 months ago

tagging managers for prioritization

@Raisolution @stnikolova