# Scrollbox not scrollable

**URL:** <https://forums.unrealengine.com/t/scrollbox-not-scrollable/36398>\
**Category:** Blueprint\
**Tags:** unreal-engine\
**Created:** [July 24, 2015, 7:00am UTC](https://forums.unrealengine.com/t/scrollbox-not-scrollable/36398 "2015-07-24T07:00:15Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![anonymous\_user\_8042befd](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_8042befd](https://forums.unrealengine.com/u/anonymous_user_8042befd)\
**Post date:** [July 24, 2015, 7:00am UTC](https://forums.unrealengine.com/t/scrollbox-not-scrollable/36398/1 "2015-07-24T07:00:15Z")

</div>

Hi guys,

I have a scrollbar inside a canvas panel but the scrollbar is not working. I tried putting it in a horizontal box - the result is the same.

Also, there are some buttons in the scrollbox added dynamically which are not clickable.

Does anyone have an idea what the reason might be?

Here are the pics:

Thank you!

 ![scrollbox2.png](https://d3kjluh73b9h9o.cloudfront.net/original/4X/3/0/c/30c2c38919aea01ac322c02d369b1ef28807a539.png)

 ![scrollbox1.png](https://d3kjluh73b9h9o.cloudfront.net/original/3X/b/0/b09a96ed83cd919a45038877932d48c79706a2de.png)

---

<div class="post-metadata">

**Author:** ![anon44224379](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anon44224379](https://forums.unrealengine.com/u/anon44224379)\
**Post date:** [July 24, 2015, 3:58pm UTC](https://forums.unrealengine.com/t/scrollbox-not-scrollable/36398/2 "2015-07-24T15:58:57Z")

</div>

I just tried setting up a scrollbox and noticed that the scroll bar doesn’t show unless there are enough items in the list to overflow the scrollbox size. Do you have enough items in your list that a scrollbox is needed? I found that even though you check on the “always show scrollbar” option it doesn’t appear to work. My scrollbar doesn’t show unless there are lots of items so that the scrollbar height is exceeded.

 ![Capture4.JPG](https://d3kjluh73b9h9o.cloudfront.net/original/3X/3/1/315040baa74d71be119ecd91fcb9a6ec8a137b54.jpeg)&stc=1

![Capture3.JPG](https://d3kjluh73b9h9o.cloudfront.net/original/3X/8/1/81801185941e569ef14a25675c8ba6ac0c63b484.jpeg)&stc=1

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_8042befd](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_8042befd](https://forums.unrealengine.com/u/anonymous_user_8042befd)\
**Post date:** [July 24, 2015, 7:49pm UTC](https://forums.unrealengine.com/t/scrollbox-not-scrollable/36398/3 "2015-07-24T19:49:43Z")

</div>

quality, thanks for your reply. The scrollbar shows, the problem is that it can’t be scrolled.

---

<div class="post-metadata">

**Author:** ![anon44224379](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anon44224379](https://forums.unrealengine.com/u/anon44224379)\
**Post date:** [July 24, 2015, 10:55pm UTC](https://forums.unrealengine.com/t/scrollbox-not-scrollable/36398/4 "2015-07-24T22:55:40Z")

</div>

have you enabled mouse inputs?

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_8042befd](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_8042befd](https://forums.unrealengine.com/u/anonymous_user_8042befd)\
**Post date:** [July 25, 2015, 5:02am UTC](https://forums.unrealengine.com/t/scrollbox-not-scrollable/36398/5 "2015-07-25T05:02:48Z")

</div>

Yes, the mouse cursor shows. I’m wondering if it has something to do with the Add Child node - not adding children correctly?

---

<div class="post-metadata">

**Author:** ![Jessy5765](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/jessy5765/32/466385_2.png) [@Jessy5765](https://forums.unrealengine.com/u/Jessy5765)\
**Post date:** [March 3, 2019, 4:47am UTC](https://forums.unrealengine.com/t/scrollbox-not-scrollable/36398/6 "2019-03-03T04:47:08Z")

</div>

I knew Super old thread, but there was never an anwser. Okay I just wanted to put my two cents in here. 🙂 I just had this issue and come to find out that the other items in the widget in order were set to visible and everything in front of that part of the widget (borders, boxes, etc) needed to be set to Hit Test Invisible or Self Hit Test Invisible. Once doing this it worked! I was able to scroll. Even the root itself had to be Self Hit Test Invisible

---

<div class="post-metadata">

**Author:** ![LambsFreyr](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@LambsFreyr](https://forums.unrealengine.com/u/LambsFreyr)\
**Post date:** [July 23, 2019, 9:59am UTC](https://forums.unrealengine.com/t/scrollbox-not-scrollable/36398/7 "2019-07-23T09:59:25Z")

</div>

this is very old thread… but let me tell you solution, just increase the ZOrder value of ScrollBox to 1 so you can actually access on ScrollBox over other things

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_1179ca331](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_1179ca331](https://forums.unrealengine.com/u/anonymous_user_1179ca331)\
**Post date:** [January 23, 2020, 5:48pm UTC](https://forums.unrealengine.com/t/scrollbox-not-scrollable/36398/8 "2020-01-23T17:48:03Z")

</div>

Hi, all necroposters. I got the same problem today.  
A scrollbox is created in billions of kilometers tall, and its low edge is not visible beyond the edge of the screen. Therefore, all objects fit and the scroll does not work. Just add sizeBox and put scrollBox in it. in sizebox, set a limit on the maximum height.

---

<div class="post-metadata">

**Author:** ![channie](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@channie](https://forums.unrealengine.com/u/channie)\
**Post date:** [March 8, 2021, 2:54pm UTC](https://forums.unrealengine.com/t/scrollbox-not-scrollable/36398/9 "2021-03-08T14:54:27Z")

</div>

> [@anonymous\_user\_1179ca331](#):
>
> Hi, all necroposters. I got the same problem today.  
> A scrollbox is created in billions of kilometers tall, and its low edge is not visible beyond the edge of the screen. Therefore, all objects fit and the scroll does not work. Just add sizeBox and put scrollBox in it. in sizebox, set a limit on the maximum height.

Not all heroes wear capes. Thank you kind sir!

---

<div class="post-metadata">

**Author:** ![lehuan5062](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@lehuan5062](https://forums.unrealengine.com/u/lehuan5062)\
**Post date:** [November 18, 2021, 3:15am UTC](https://forums.unrealengine.com/t/scrollbox-not-scrollable/36398/10 "2021-11-18T03:15:41Z")

</div>

My solution is to use fill:

 ![image](https://d3kjluh73b9h9o.cloudfront.net/original/3X/8/6/86bf0465df612500a4edb9ed86253628310ce10f.png)

---

<div class="post-metadata">

**Author:** ![Termitosss](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/termitosss/32/88716_2.png) [@Termitosss](https://forums.unrealengine.com/u/Termitosss)\
**Post date:** [December 7, 2021, 2:04pm UTC](https://forums.unrealengine.com/t/scrollbox-not-scrollable/36398/11 "2021-12-07T14:04:22Z")

</div>

Thanks, this worked for me 🙂 What I have now is a Vertical Box with fixed size and a Scroll Box as a child - with the “Fill” option selected.

---

<div class="post-metadata">

**Author:** ![pto2k](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/pto2k/32/731164_2.png) [@pto2k](https://forums.unrealengine.com/u/pto2k)\
**Post date:** [September 6, 2022, 7:18am UTC](https://forums.unrealengine.com/t/scrollbox-not-scrollable/36398/12 "2022-09-06T07:18:41Z")

</div>

My setup is using a scrollbox in an Editor Utility Widget.  
It can work if I set its parent to a fixed size, as suggested above.  
However, what I intend is to have it resize automatically when the user resizes the panel window of the utility.  
Is that possible? Any suggestions?  
Thank you.

---

<div class="post-metadata">

**Author:** ![DryreL](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/dryrel/32/1042339_2.png) [@DryreL](https://forums.unrealengine.com/u/DryreL)\
**Post date:** [September 8, 2022, 3:30pm UTC](https://forums.unrealengine.com/t/scrollbox-not-scrollable/36398/13 "2022-09-08T15:30:12Z")

</div>

Make sure to enable “Size to content” in Vertical Box  
 ![image](https://d3kjluh73b9h9o.cloudfront.net/original/4X/8/3/8/8384ed27f93225435aeb08aee2c63377a22f51a7.png)

---

<div class="post-metadata">

**Author:** ![Lupoluke](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Lupoluke](https://forums.unrealengine.com/u/Lupoluke)\
**Post date:** [December 16, 2022, 3:14pm UTC](https://forums.unrealengine.com/t/scrollbox-not-scrollable/36398/14 "2022-12-16T15:14:40Z")

</div>

Thanks that solved the issue.  
I was keeping the list view inside a vertical box and sroll bar wasn’t disp0laying. Once I have putted fill issue is gone.  
Thanks again

---

<div class="post-metadata">

**Author:** ![shorya1999](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/shorya1999/32/467418_2.png) [@shorya1999](https://forums.unrealengine.com/u/shorya1999)\
**Post date:** [May 16, 2023, 6:59pm UTC](https://forums.unrealengine.com/t/scrollbox-not-scrollable/36398/15 "2023-05-16T18:59:48Z")

</div>

Bro, Thank you So Much. Save my brain from getting crazy. I spend hr on this. Finally came to your comment and found solution. Thank you!

---

<div class="post-metadata">

**Author:** ![JuicyBR](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@JuicyBR](https://forums.unrealengine.com/u/JuicyBR)\
**Post date:** [August 13, 2024, 12:21am UTC](https://forums.unrealengine.com/t/scrollbox-not-scrollable/36398/16 "2024-08-13T00:21:20Z")

</div>

I know this thread is old old now but I just had this Issue happen to me and none of the other suggestions helped. My solution, turned out a different widget I had created being visible. I went into that widget and changed the behaviour visibility from visible to not hit testable (self only) and was finally able to scroll.

Hope somebody finds this helpful.

---

<div class="post-metadata">

**Author:** ![TijerinArtStudio](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/tijerinartstudio/32/482290_2.png) [@TijerinArtStudio](https://forums.unrealengine.com/u/TijerinArtStudio)\
**Post date:** [August 29, 2024, 10:32am UTC](https://forums.unrealengine.com/t/scrollbox-not-scrollable/36398/17 "2024-08-29T10:32:06Z")

</div>

I know it’s been 9 years; but I’ve had similar problems. I have made a post that I think is a good solution to the problem: [Problem resizing the game window - menu deforms - scroll box pops out (solution)](https://forums.unrealengine.com/t/problem-resizing-the-game-window-menu-deforms-scroll-box-pops-out-solution/1996605)
