# Text\_field\_with\_auto\_complete scrollbars

**URL:** <https://www.ruby-forum.com/t/text-field-with-auto-complete-scrollbars/119709>\
**Category:** Rails\
**Created:** [November 9, 2007, 1:25pm UTC](https://www.ruby-forum.com/t/text-field-with-auto-complete-scrollbars/119709 "2007-11-09T13:25:03Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![casper\_the\_ghost](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/c/58956e/32.png) [@casper\_the\_ghost](https://www.ruby-forum.com/u/casper_the_ghost)\
**Post date:** [November 9, 2007, 1:25pm UTC](https://www.ruby-forum.com/t/text-field-with-auto-complete-scrollbars/119709/1 "2007-11-09T13:25:03Z")

</div>

Greetings,

I am using text\_field\_with\_auto\_complete to help narrow a long list of  
subject headings, about 10,000 in all. However, I wish to provide a  
scrollbar so that users can scroll through a list if there are too  
many results returned in the drop down. Has anyone been able to do  
this? I have and still am searching around but without too much  
success.

Regards,  
John

---

<div class="post-metadata">

**Author:** ![casper\_the\_ghost](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/c/58956e/32.png) [@casper\_the\_ghost](https://www.ruby-forum.com/u/casper_the_ghost)\
**Post date:** [November 9, 2007, 1:30pm UTC](https://www.ruby-forum.com/t/text-field-with-auto-complete-scrollbars/119709/2 "2007-11-09T13:30:19Z")

</div>

Hi John

Have you talen a look at a Rails Plugin called RecordSelect ?

CCH

> **[Rails... Rails... Rails](http://cch4rails.blogspot.com)**
>
> Chee Chong Hwa aka CCH, a Malaysian Chief Software Architect blogs on his experiences with Ruby on Rail running on Win2003 Server+Apache 2.26 environment since 2007. Flirted briefly with Ubuntu 9.04 in 2009. Since January 2017, now using RubyMine...

On Nov 9, 8:24 pm, “removed\_email\_address@domain.invalid” [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid)

---

<div class="post-metadata">

**Author:** ![casper\_the\_ghost](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/c/58956e/32.png) [@casper\_the\_ghost](https://www.ruby-forum.com/u/casper_the_ghost)\
**Post date:** [November 9, 2007, 1:36pm UTC](https://www.ruby-forum.com/t/text-field-with-auto-complete-scrollbars/119709/3 "2007-11-09T13:36:47Z")

</div>

No, I didn’t.

I’ll have a look now.

Thanks.

j

---

<div class="post-metadata">

**Author:** ![casper\_the\_ghost](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/c/58956e/32.png) [@casper\_the\_ghost](https://www.ruby-forum.com/u/casper_the_ghost)\
**Post date:** [November 9, 2007, 1:50pm UTC](https://www.ruby-forum.com/t/text-field-with-auto-complete-scrollbars/119709/4 "2007-11-09T13:50:14Z")

</div>

On Nov 9, 2007, at 1:24 PM, removed\_email\_address@domain.invalid wrote:

> I am using text\_field\_with\_auto\_complete to help narrow a long list of  
> subject headings, about 10,000 in all. However, I wish to provide a  
> scrollbar so that users can scroll through a list if there are too  
> many results returned in the drop down. Has anyone been able to do  
> this? I have and still am searching around but without too much  
> success.

The selection list lives in a DIV with a generated ID, class  
“auto\_complete”, and some inline CSS. You can inspect them with Firebug.

So, perhaps you could try adding something like

/\* untested \*/  
#the\_generated\_id {  
height: something;  
overflow: auto;  
}

to some CSS.

– fxn

---

<div class="post-metadata">

**Author:** ![casper\_the\_ghost](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/c/58956e/32.png) [@casper\_the\_ghost](https://www.ruby-forum.com/u/casper_the_ghost)\
**Post date:** [November 13, 2007, 5:24pm UTC](https://www.ruby-forum.com/t/text-field-with-auto-complete-scrollbars/119709/5 "2007-11-13T17:24:17Z")

</div>

On Nov 13, 2007, at 4:57 PM, rubyreddy wrote:

> hi xavier, i had tried what you had said,it works fine on FireFox but  
> on IE the drop down dissapears when i try to drag it with mouse,it  
> works fine when i do it with up and down keys…is there any fix for  
> that

I guess some CSS-fu is needed there, there are guys that know their  
stuff in freenode#css.

– fxn

---

<div class="post-metadata">

**Author:** ![casper\_the\_ghost](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/c/58956e/32.png) [@casper\_the\_ghost](https://www.ruby-forum.com/u/casper_the_ghost)\
**Post date:** [November 13, 2007, 4:58pm UTC](https://www.ruby-forum.com/t/text-field-with-auto-complete-scrollbars/119709/6 "2007-11-13T16:58:23Z")

</div>

hi xavier, i had tried what you had said,it works fine on FireFox but  
on IE the drop down dissapears when i try to drag it with mouse,it  
works fine when i do it with up and down keys…is there any fix for  
that

Thanks