Hi,

I have isolated my problem. I am using  prototype.js 1.6.0.1,
scriptaculous.js v1.8.1, controls.js v1.8.1.
In IE 6, if you click the scrollbar in the following autocomplete
popup, it vanishes and does not allow you to scroll through the list
items.
Everything works as it should in FF 3.
Any help and/or pointers are appreciated :-)

---begin testpage.html---
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js"></script>
<script type="text/javascript" src="js/controls.js"></script>

<html>
    <head>
        <link rel="stylesheet" href="css/autocomplete.css" type="text/
css" />
    </head>

    <body>
        <input id="gpkauto" />
        <div class="autocomplete" id="gpkchoices" style="visibility:
none"></div>
        <script type="text/javascript">
            //<![CDATA[
            new Ajax.Autocompleter(
                    'gpkauto',
                    'gpkchoices',
                    'content.html',
                    {});
             //]]>
        </script>

    </body>

</html>

---end testpage.html---

--- begin content.html ---
<ul>
        <li>otto1</li><li>otto2</li><li>otto3</li><li>otto4</li>
        <li>otto1</li><li>otto2</li><li>otto3</li><li>otto4</li>
        <li>otto1</li><li>otto2</li><li>otto3</li><li>otto4</li>
</ul>
--- endcontent.html ---

---begin autocomplete.css ---
div.autocomplete {
        background: #00ff00;
}

div.autocomplete ul {
        list-style-type: none;
        border: 1px solid #7f9db9;
        margin: 2px 0px;
        padding: 0px;
        width: 554px;
        min-height: 18px;
        max-height: 180px;
        height: expression(this.scrollHeight > 179 ? "180px" : "auto");
        background-color: #ff0000;
        overflow: auto;
}

div.autocomplete ul li {
        list-style-type: none;
        margin: 0px;
        padding: 0px 2px;
        background: #fff;
}

div.autocomplete ul li.selected {
        background-color: #fddfc2;
        font-weight: bold;
}

div.autocomplete ul strong.highlight {
        background-color: #fdbf82;
        margin: 0px;
        padding: 0px 2px;
}
---end autocomplete.css ---


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at 
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to