Last Updated: 22 Jan 2020 09:34 by ADMIN
Created on: 15 Jan 2020 20:39
Category: Kendo UI for Angular 2+
Type: Bug Report
Kendo Dropdown List Items Don't Trigger Mouseover Events
The individual items in a Kendo Dropdown List don't send mouseover events when hovered over: only the input box that shows the selected value will trigger mouseover events. This prevents tooltips from showing on the items.
1 comment
Dimiter Topalov
Posted on: 22 Jan 2020 09:34

Hello Christopher,

The events are triggered as expected, and the most likely reason for the Kendo UI for Angular Tooltip to not be displayed over list items, is that the default behavior is the Popup containing the list of options to be appended to the application's root component, thus outside of the element with kendoTooltip directive wrapping the DropDown component (mentioning input box suggests using a ComboBox, AutoComplete or MultiSelect component, as the DropDownList component does not have such an element).

To display the Kendo UI for Angular Tooltip over the items in the DropDown list of options, the developer can configure the popup settings and append the Popup to the component that opens it so that it will end up within the Tooltip wrapping element, for example:

As this is not a bug, but a matter of configuration and the specifics of the usage, I will close this thread.

If you have further questions or need assistance with integrating the DropDown and Tooltip components, please open a separate (regular) support thread describing the scenario and the desired behavior in further details, so we can try to provide a suggestion that is most suitable to the specific use case. Thank you in advance.

Dimiter Topalov
Progress Telerik

Get quickly onboarded and successful with your Telerik and Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.