I am having an odd problem with the drop-down list items. The clickable area of each list item is not clearly defined so sometimes I click on a link and submit the form and things work correctly, however, other times I click a list item and I must miss the click area so it does not actually register that I've selected a list item. Then when I submit the form it blows-up telling me that I have not selected an item from the drop-down. Also, sometimes I need to click a list item only once for it to be accepted and other times I need to click it twice ... any ideas?
So, to recap ... here are my issues:
- I don't have a defined clickable area for each list item - this breaks the app since the selecteditem is not from the list
- I sometimes have to single-click, or double-click a list item before it will be accepted.
Here are some observations:
<div class="bullet">- If I hover over the yellow highlight my cursor is a pointer (I set the css to do that).
- If I hover over the text then my cursor is a text icon.
- If I hover over the very edge or the border of the highlighted area my cursor is a hand.