Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
NickIliev opened this issue May 8, 2024 · 1 comment
Open

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

NickIliev opened this issue May 8, 2024 · 1 comment

Comments

@NickIliev
Copy link
Member

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
Copy link
Member Author

tagging managers for prioritization

@Raisolution @stnikolova

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants