Aha! getting a bit closer now guys. Not really Javascript, but CSS, when I removed references to this CSS:
<link href="....jquery.ui.all.css" rel="stylesheet" type="text/css" />
<link href="...jquery.ui.autocomplete.css" rel="stylesheet" type="text/css" />
it worked - however not really sure...
I was about to send you the whole code - but it worked before I sent it to you - the only difference is that the dropdown is being popped by some javascript (to list years from 1700 - present). So I suspsect it must be something to do with the javascript.
The details tag expands and contracts no problem, and reveals the select/option drop down too.
The problem is when you click on the drop down - you cannot click an item within the dropdown because it loses focus or something - the details section still remains open. It's just the drop down list...
OK - sorry, the code is simple, like this:
<details>
<select>
<option>red</option>
<option>green</option>
<option>blue</option>
</select>
</details>
Cheers
I have a drop down list (SELECT,OPTION) in a DETAILS tag and it doesn't seem to work properly.
Whenever you click the drop down list it instantly closes again and as a result you are unable to select anything in the list.
If I take the drop down list out of the DETAILS tag then it works just...
This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
By continuing to use this site, you are consenting to our use of cookies.