McDropDown - disappearing menu items when using hover over delay
Hi,
I have set the hoverOverDelay option to 700 for my drop down. When I select a menu item, more often than not, that item then disappears from the menu if I click on the drop down again. If I then remove the hoverOverDelay option from my jquery, the problem goes away and the menu works fine.
Steps to reproduce:
Click on the drop down, select the last item
Click on the drop down again, notice that the item you selected in step 1 is now missing.
I have provided some test code below.
Can anyone help with this?
Dave
Here is my jquery:
- $('#dropdown').mcDropdown('#list', { delim: " > ", allowParentSelect: true, hoverOverDelay: 700 });
Here's my html:
- <input type="text" id="dropdown" />
<ul id="list">
<li rel="1">Root 1
<ul>
<li rel="1.1">Root 1.1</li>
<li rel="1.2">Root 1.2</li>
<li rel="1.3">Root 1.3</li>
<li rel="1.4">Root 1.4</li>
<li rel="1.5">Root 1.5</li>
<li rel="1.6">Root 1.6</li>
<li rel="1.7">Root 1.7</li>
<li rel="1.8">Root 1.8</li>
<li rel="1.9">Root 1.9</li>
<li rel="1.10">Root 1.10</li>
<li rel="1.11">Root 1.11</li>
<li rel="1.12">Root 1.12</li>
<li rel="1.13">Root 1.13</li>
<li rel="1.14">Root 1.14</li>
<li rel="1.15">Root 1.15</li>
</ul>
</li>
<li rel="2">Root 2
<ul>
<li rel="2.1">Root 2.1</li>
<li rel="2.2">Root 2.2</li>
<li rel="2.3">Root 2.3</li>
<li rel="2.4">Root 2.4</li>
<li rel="2.5">Root 2.5</li>
<li rel="2.6">Root 2.6</li>
<li rel="2.7">Root 2.7</li>
<li rel="2.8">Root 2.8</li>
<li rel="2.9">Root 2.9</li>
<li rel="2.10">Root 2.10</li>
</ul>
</li>
<li rel="3">Root 3
<ul>
<li rel="3.1">Root 3.1</li>
<li rel="3.2">Root 3.2</li>
<li rel="3.3">Root 3.3</li>
<li rel="3.4">Root 3.4</li>
<li rel="3.5">Root 3.5</li>
<li rel="3.6">Root 3.6</li>
<li rel="3.7">Root 3.7</li>
<li rel="3.8">Root 3.8</li>
<li rel="3.9">Root 3.9</li>
<li rel="3.10">Root 3.10</li>
<li rel="3.11">Root 3.11</li>
<li rel="3.12">Root 3.12</li>
</ul>
</li>
</ul>