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

Material theme hover style issue with multiselect running in dialog #701

Closed
DanielHTpg opened this issue Apr 18, 2019 · 2 comments
Closed
Assignees
Labels
Bug Something isn't working C:Multiselect FP: Completed T:Material Kendo Theme Material
Milestone

Comments

@DanielHTpg
Copy link

Describe the bug
When using a kendo angular kendo-multiselect control in a kendo-dialog the hover state styles of the multi select items get overriden by ".k-window-content .k-button" selector that removes the background color with "background: none !important;". Then in a hover state, the item will have no background.

I've tested the hover state in a dialog with the default theme and there it works as expected.

To Reproduce
Steps to reproduce the behavior:

  1. Open StackBlitz https://stackblitz.com/edit/angular-multiselect-theme-error
  2. Hover over the multi select item "Basketball"
  3. Observe incorrect hover color

Expected behavior
Hovered items have proper background color.

Screenshots
The red circle is an item that I'm currently hovering over.
image

Browser

  • OS: Windows 10
  • Browser: Chrome
  • @progress/kendo-theme-material: 2.4.1
@TeyaVes
Copy link
Contributor

TeyaVes commented Jun 6, 2019

reproducible in Kendo jQuery as well: http://dojo.telerik.com/OxAMOKoS/2

@kblaginova
Copy link
Contributor

Fixed with #768

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Something isn't working C:Multiselect FP: Completed T:Material Kendo Theme Material
Projects
None yet
Development

No branches or pull requests

7 participants