Unable to Use Scrollbar on ColdFusion Auto-suggest list

[sajjansarkaratlanta]

My auto suggest list returns a long list and i'd like the user to be able to scroll the list. The mouse roller scrolls perfectly,but if I want to scroll using the vertical scroll bar (as many of our users dont have scroll mice) it just disappears.

I have tried to override the CSS by including the following attribute below but it doesnt work.I have tried various CSS tricks (like wrapping in another DIV and changing position values) to no avail.Please help!

div.autosuggest

{

   overflow:scroll;

    position:relative;

    float:left; 

}

[Avatar]

Here, try adding this within your code:

<style>

.autosuggestcontainer {
    height:400px;
    overflow:auto;
    position:relative;
    float:left; 
}

</style>

It seems to be an IE issue as simply wrapping the cfinput in a div works fine in FireFox.

[sajjansarkaratlanta]

Hi,

Thanks for your reply, added your code,you're right it does work in FF (even without wrapping it in a DIV). But no matter what I do I cant get it to work in IE ( or chrome).I really need to get this to work on IE!

I really dont know what else to try.

[sajjansarkaratlanta]

Here is my entire CSS related to the autosuggest:

input.autosuggestinput

{

    z-index:0;

    font-weight: normal;

    font-family:verdana;

    font-size:10px;

    width: 170px; 

}

.autosuggest, .autosuggest div

{

font-weight:bold;

font-family:verdana;

}

div.autosuggestcontainer li.yui-ac-highlight

{

    background-color:white;

}

div.autosuggestcontainer li

{

    padding:2px;

    width:100%;

    cursor:pointer;

    white-space:nowrap;

     margin:0;  

border-bottom-style:solid;

border-bottom-width:1px;

border-bottom-color:#e2e2e2;

}

div.autosuggestcontainer li.yui-ac-prehighlight

{

    background:#ffd2a6;

}

div.autosuggest

{

overflow:scroll;

    position:relative;

    float:left;

    height: 300px;

}

.autosuggestcontainer {

    height:400px;

    overflow:auto;

    position:relative;

    float:left;

}

[sajjansarkaratlanta]

Any suggestions anyone! Thanks in advance!

[Androo]

Did you ever find an answer to this? Works in Firefox; not the others. If you touch the scrollbar, it goes away. It's like the search criteria that is passed in gets reset to ''

[sajjansarkaratlanta]

Nope.. gave up and used jQuery instead..Ive become wary of CF UI compnents..

[Androo]

Yeah, I saw that on Dan’s blog J. Thanks!

[sajjansarkaratlanta]

Do update this post if you happen to solve it.. Would like to know what i did wrong..I love CF overall but not CF UI..