Response title
This is preview!
Tooltip affects select pulldown for IE
in Using jQuery UI
•
5 months ago
The UI tooltip widget has been added to a page in the following manner.
$(document).ready(function () {....}).tooltip();
All elements with titles respond accordingly. Unfortunately Select elements pulldown options disappear as soon as the mouse leaves the main pulldown control. However, an option can be selected by using the down arrow to move to the required option.
If the tooltip is removed from the page select elements function normally.
It follows that the tooltip widget control of the tooltip event that keep it visible while the mouse is on the element prevents normal function of the pulldown.
I've done a bit more research. I've found there are two different suggestions that did not work for me. Apparently it is a problem for IE only.
One method of dealing with it is to setup the tooltip for the whole document and then disable the tooltip widget on select elements only.
$('#selx').tooltip('disable');Another method was to surround the select element with a div element:
<div Title= "some title"><Select id="selx"/></div> );
Is there a ui-tootip CSS change or tooltip option that can be set to control this behavior?
1
