How to change the length of the select2 drop-down

[Don Proshetsky]

Hi,

I have a select drop-down with 12 options; they all display when the drop-down is opened. Adfter using the Select2 widget on the drop-down, only 8 display and I am forced to scroll down to see the rest. The client does not like this and considers it unnecessary extra work for the users. How can I change this to display all available as long as it fits on the page?

Thanks / Don

[Barry Hunter]

The height of the 'dropdown' is set via

.select2-results {

    max-height: 200px;

}

in select2.css

So if you want to change it, just override it your own stylesheet (eg 400px). 

--
You received this message because you are subscribed to the Google Groups "select2" group.
To unsubscribe from this group and stop receiving emails from it, send an email to select2+u...@googlegroups.com.
To post to this group, send email to sel...@googlegroups.com.
Visit this group at http://groups.google.com/group/select2.
For more options, visit https://groups.google.com/d/optout.

[jev...@panoramaed.com]

I just published a jQuery plugin that automatically expands the dropdown area to be as large as it needs to be to display as many options as possible given the size of the window and the location of the Select2 on the screen. You can see it here: https://github.com/panorama-ed/maximize-select2-height

[rayy...@gmail.com]

You will need to change a bit more than just .select2-results

To make the drop down results larger you can add something like this to your own css after loading the default css.

.select2-container--default .select2-results > .select2-results__options {
max-height: 300px;
min-height: 200px;
overflow-y: auto;
}

In this example the drop down will size itself between the min and max values.

[parva...@gmail.com]

Thanks .It works :)

[Recep Yılkıcı]

You are great person. I searched a lot of pages on stackoverflow or github issues but I found the solution right here. Thank you so much.

Regards,

14 Ekim 2015 Çarşamba tarihinde saat 18:14:35 UTC+3 itibarıyla rayy...@gmail.com şunları yazdı:

[nhan tam]

Working well

Vào lúc 22:14:35 UTC+7 ngày Thứ Tư, 14 tháng 10, 2015, rayy...@gmail.com đã viết:

[Chrome Store]

  The discussion about improving tools and workflows shows how users look for flexible options that fit different needs and devices. Having access to solutions like moviebox for pc can be useful for those who prefer a larger screen experience while managing their viewing setup. Choosing the right platform based on convenience and compatibility often makes the overall experience smoother.  

[Floras12]

  When choosing upgrades for a truck, durability and everyday practicality usually matter more than extra features. Comparing different f1 tonneau covers can help narrow down what fits your driving habits and cargo needs without making the decision feel overwhelming. Reading real user experiences alongside product details often gives a much clearer picture before making a choice.  

[Amelia Wilson]

  Gaming can add another layer of enjoyment when exploring apps and mobile features, especially if you like testing different experiences on iOS. I found that trying new tools while keeping everything updated makes the experience much smoother. Gaming is something many people enjoy in different ways, and it is always helpful to learn from others before deciding what works best for your setup.  

[work183]

Keeping track of vehicle related details helps avoid unnecessary delays and unexpected issues on the road. Checking your Traffic fine check UAE status from time to time can make it easier to stay updated before renewing documents or planning a trip. A simple routine like this supports safer and more organized driving without adding much effort.

[Aspire 12]

Keeping track of travel expenses becomes much easier when you also keep an eye on your transit card balance before heading out. Using Hafilat Balance Check Online as part of your routine can help avoid unexpected interruptions during daily commutes, especially when planning multiple trips in a day. Small habits like checking your balance in advance often make public transport much more convenient and stress free.

[Seiko]

Keeping track of account details is much easier when you can complete a quick Balance check before making payments or transfers. If you need additional guidance or want to compare different balance inquiry methods, see more for helpful information that can save time. Using the right steps helps avoid confusion and makes everyday banking tasks feel much more straightforward.