# \[BUG?\]Dropdown Modal Popup (long list) Scrolling Issue

**URL:** <https://forum.inductiveautomation.com/t/bug-dropdown-modal-popup-long-list-scrolling-issue/75670>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [June 28, 2023, 7:39pm UTC](https://forum.inductiveautomation.com/t/bug-dropdown-modal-popup-long-list-scrolling-issue/75670 "2023-06-28T19:39:21Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![amarks](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/amarks/32/45610_2.png) [@amarks](https://forum.inductiveautomation.com/u/amarks)\
**Post date:** [June 28, 2023, 7:39pm UTC](https://forum.inductiveautomation.com/t/bug-dropdown-modal-popup-long-list-scrolling-issue/75670/1 "2023-06-28T19:39:21Z")

</div>

I have a long list (185) items that opens a dropdown menu in a modal popup and I am not able to scroll at all.  
The only style applied to the popup is this:

```auto
.iaDropdownCommon_options_modal>div:first-child {
    max-height: 80% !important;
}

```

Adding `overflow: scroll` to the CSS stylesheet shows the scrollbar, but it's empty and I still cannot scroll.

---

<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 28, 2023, 8:09pm UTC](https://forum.inductiveautomation.com/t/bug-dropdown-modal-popup-long-list-scrolling-issue/75670/2 "2023-06-28T20:09:09Z")

</div>

What version of Ignition are you using? We recently (8.1.29, which is still in RC) added more capabilities to the Dropdown to allow for specifying a min and max height, because earlier versions ran into issues similar to yours. I'd be curious to see if you encounter the same issue after using 8.1.29 to actually apply this setting as part of the property schema.

---

<div class="post-metadata">

**Author:** ![amarks](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/amarks/32/45610_2.png) [@amarks](https://forum.inductiveautomation.com/u/amarks)\
**Post date:** [June 28, 2023, 8:20pm UTC](https://forum.inductiveautomation.com/t/bug-dropdown-modal-popup-long-list-scrolling-issue/75670/3 "2023-06-28T20:20:36Z")

</div>

8.1.27

---

<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 28, 2023, 8:43pm UTC](https://forum.inductiveautomation.com/t/bug-dropdown-modal-popup-long-list-scrolling-issue/75670/4 "2023-06-28T20:43:00Z")

</div>

I don't know that there's a good, reliable way to control this in 8.1.27. Here is the [changelog](https://forum.inductiveautomation.com/t/nightly-8-1-changelogs-2023/68524/64) for when the new feature was added.

---

<div class="post-metadata">

**Author:** ![amarks](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/amarks/32/45610_2.png) [@amarks](https://forum.inductiveautomation.com/u/amarks)\
**Post date:** [June 28, 2023, 9:02pm UTC](https://forum.inductiveautomation.com/t/bug-dropdown-modal-popup-long-list-scrolling-issue/75670/5 "2023-06-28T21:02:46Z")

</div>

I'm not really worried about the min/max height. I need the scroll bar to appear when the list is too long to be displayed in the height of the dropdown.

---

<div class="post-metadata">

**Author:** ![josborn](https://avatars.discourse-cdn.com/v4/letter/j/4bbf92/32.png) [@josborn](https://forum.inductiveautomation.com/u/josborn)\
**Post date:** [June 28, 2023, 9:15pm UTC](https://forum.inductiveautomation.com/t/bug-dropdown-modal-popup-long-list-scrolling-issue/75670/6 "2023-06-28T21:15:20Z")

</div>

The only time i can get the drop down to not scroll is if i make the browser so small that it cannot fit, is this the same thing that you are seeing?  
 ![brave_8PzJ9MgDWl](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/a/ea1ec04f5a8a6d7325230661fe457bf8030b53a9.gif)

---

<div class="post-metadata">

**Author:** ![amarks](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/amarks/32/45610_2.png) [@amarks](https://forum.inductiveautomation.com/u/amarks)\
**Post date:** [June 28, 2023, 9:18pm UTC](https://forum.inductiveautomation.com/t/bug-dropdown-modal-popup-long-list-scrolling-issue/75670/7 "2023-06-28T21:18:32Z")

</div>

I guess technically that's the same thing. The list is 185 items long, so no browser height would fit them all.

---

<div class="post-metadata">

**Author:** ![josborn](https://avatars.discourse-cdn.com/v4/letter/j/4bbf92/32.png) [@josborn](https://forum.inductiveautomation.com/u/josborn)\
**Post date:** [June 28, 2023, 9:20pm UTC](https://forum.inductiveautomation.com/t/bug-dropdown-modal-popup-long-list-scrolling-issue/75670/8 "2023-06-28T21:20:01Z")

</div>

The drop down in my example is 230 items long, it only ever shows a handful before the scroll bar kicks in. Is the max height you have set displaying 80% of the items?

---

<div class="post-metadata">

**Author:** ![amarks](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/amarks/32/45610_2.png) [@amarks](https://forum.inductiveautomation.com/u/amarks)\
**Post date:** [June 28, 2023, 9:25pm UTC](https://forum.inductiveautomation.com/t/bug-dropdown-modal-popup-long-list-scrolling-issue/75670/9 "2023-06-28T21:25:21Z")

</div>

80% of the items would still be 148 items. It's definitely not showing them all. Only showing 39.5. I think it's 80% of the view it's nested in.

If I comment out that style it scrolls just fine.

---

<div class="post-metadata">

**Author:** ![josborn](https://avatars.discourse-cdn.com/v4/letter/j/4bbf92/32.png) [@josborn](https://forum.inductiveautomation.com/u/josborn)\
**Post date:** [June 28, 2023, 10:06pm UTC](https://forum.inductiveautomation.com/t/bug-dropdown-modal-popup-long-list-scrolling-issue/75670/10 "2023-06-28T22:06:07Z")

</div>

I think you are right, i had it do the same thing on non popup view, but it was always when i was messing with my browser size while not full screen or i made my popup extend off screen.
