# \[FEATURE\] Perspective: Dropdown Menu make item selection area taller?

**URL:** <https://forum.inductiveautomation.com/t/feature-perspective-dropdown-menu-make-item-selection-area-taller/37992>\
**Category:** Ignition\
**Tags:** ignition80, perspective\
**Created:** [August 22, 2020, 11:13am UTC](https://forum.inductiveautomation.com/t/feature-perspective-dropdown-menu-make-item-selection-area-taller/37992 "2020-08-22T11:13:30Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [August 22, 2020, 11:13am UTC](https://forum.inductiveautomation.com/t/feature-perspective-dropdown-menu-make-item-selection-area-taller/37992/1 "2020-08-22T11:13:30Z")

</div>

v8.0.15

Can I make the dropdown menu display more items in view (i.e. make the selection panel taller)? I have lots of height to utilise, and the dropdown menu has a few items in it.  
Also, can I suggest to have an option to jump straight to the selected item upon clicking to select another item? You may not always want to do this, but certainly most of the time. Currently, the select list always starts from the top, even if the last item (for example) is currently selected.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/1/d161fad03b3947ab2e9969f6398c3696cd183ff6.png)

Ideas:

> **[Perspective: Add options to increase number of items shown and item height |...](https://ideas.inductiveautomation.com/ignition-features-and-ideas/p/perspective-add-options-to-increase-number-of-items-shown-and-item-height)**

> **[Perspective: Show selected item when clicking on dropdown component | Voters...](https://ideas.inductiveautomation.com/ignition-features-and-ideas/p/perspective-show-selected-item-when-clicking-on-dropdown-component)**

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [December 2, 2020, 2:13am UTC](https://forum.inductiveautomation.com/t/feature-perspective-dropdown-menu-make-item-selection-area-taller/37992/2 "2020-12-02T02:13:41Z")

</div>

bump

---

<div class="post-metadata">

**Author:** ![ryanjmclaughlin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryanjmclaughlin/32/4318_2.png) [@ryanjmclaughlin](https://forum.inductiveautomation.com/u/ryanjmclaughlin)\
**Post date:** [December 2, 2020, 1:49pm UTC](https://forum.inductiveautomation.com/t/feature-perspective-dropdown-menu-make-item-selection-area-taller/37992/3 "2020-12-02T13:49:19Z")

</div>

Wondering the same. The has been asked by a few users especially with dropdowns with hundreds of items.

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [December 2, 2020, 1:52pm UTC](https://forum.inductiveautomation.com/t/feature-perspective-dropdown-menu-make-item-selection-area-taller/37992/4 "2020-12-02T13:52:26Z")

</div>

I created ideas for these if you want to upvote

---

<div class="post-metadata">

**Author:** ![Matthew.gaitan](https://avatars.discourse-cdn.com/v4/letter/m/59ef9b/32.png) [@Matthew.gaitan](https://forum.inductiveautomation.com/u/Matthew.gaitan)\
**Post date:** [December 2, 2020, 3:20pm UTC](https://forum.inductiveautomation.com/t/feature-perspective-dropdown-menu-make-item-selection-area-taller/37992/5 "2020-12-02T15:20:31Z")

</div>

Upvoted both.

You can manually size all dropdowns via the .css files, but I found that the dropdowns would break for some users with smaller phones if the dropdown tried to go past the edge of their screen. Would be great for us to be able to specify the size on a dropdown to dropdown basis!

---

<div class="post-metadata">

**Author:** ![brandon1](https://avatars.discourse-cdn.com/v4/letter/b/ea666f/32.png) [@brandon1](https://forum.inductiveautomation.com/u/brandon1)\
**Post date:** [June 3, 2022, 4:06pm UTC](https://forum.inductiveautomation.com/t/feature-perspective-dropdown-menu-make-item-selection-area-taller/37992/6 "2022-06-03T16:06:35Z")

</div>

Any movement on this?

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [June 3, 2022, 4:32pm UTC](https://forum.inductiveautomation.com/t/feature-perspective-dropdown-menu-make-item-selection-area-taller/37992/7 "2022-06-03T16:32:05Z")

</div>

I’m not involved in the process of selecting idea posts and determining if they should become officially-planned features, but I do not see internal feature tickets for either ideas post. As such, there has been no movement form a development standpoint.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [June 7, 2022, 6:09am UTC](https://forum.inductiveautomation.com/t/feature-perspective-dropdown-menu-make-item-selection-area-taller/37992/8 "2022-06-07T06:09:20Z")

</div>

@brandon1  
i got a work around for you

> [@Dropdown Height](https://forum.inductiveautomation.com/t/dropdown-height/48271/2):
>
> The theme.css is found in the theme module i think. i've not really used it. You can also inject it in a style class which will still work on every dropdown. If you arent used to css or dont not really gonna use it that often this should work for now. }.iaDropdownCommon\_options\_modal { max-height: 300px; }{ (300px or whatever you wish, 150px is standard atm) more info i posted here: edit newer versions +8.1.22(?): add \>div:first-child and !important Also suggested to use t…
