# Scroll with flex container

**URL:** <https://forum.inductiveautomation.com/t/scroll-with-flex-container/58809>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [April 25, 2022, 1:22pm UTC](https://forum.inductiveautomation.com/t/scroll-with-flex-container/58809 "2022-04-25T13:22:38Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Valerian\_LADIEU](https://avatars.discourse-cdn.com/v4/letter/v/53a042/32.png) [@Valerian\_LADIEU](https://forum.inductiveautomation.com/u/Valerian_LADIEU)\
**Post date:** [April 25, 2022, 1:22pm UTC](https://forum.inductiveautomation.com/t/scroll-with-flex-container/58809/1 "2022-04-25T13:22:38Z")

</div>

Hello everyone,

I have a question about Perspective with flex containers.

For my graduation project, I absolutely have to use a flex container view, and I wanted to know if it was possible to scroll with the mouse on the view???

For example on my images, I would like to be able to scroll to display information instead of shrinking everything.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/5/2588e523df90e6a47b86899bbca9dc6347da46a7.png)

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

---

<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:** [April 25, 2022, 1:40pm UTC](https://forum.inductiveautomation.com/t/scroll-with-flex-container/58809/2 "2022-04-25T13:40:39Z")

</div>

You need to modify the `shrink` settings for everything. By default each component is set to have a shrink property of `1`, meaning each component will shrink proportionally so that everything may fit. If you set shrink to `0` for each component, then none of them will shrink below their basis. This will force scrolling as components will take up more space than is available in the container.

---

<div class="post-metadata">

**Author:** ![Valerian\_LADIEU](https://avatars.discourse-cdn.com/v4/letter/v/53a042/32.png) [@Valerian\_LADIEU](https://forum.inductiveautomation.com/u/Valerian_LADIEU)\
**Post date:** [April 25, 2022, 1:57pm UTC](https://forum.inductiveautomation.com/t/scroll-with-flex-container/58809/3 "2022-04-25T13:57:12Z")

</div>

Thank you for your reply,

My problem is solved!!

---

<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:** [April 25, 2022, 2:23pm UTC](https://forum.inductiveautomation.com/t/scroll-with-flex-container/58809/4 "2022-04-25T14:23:13Z")

</div>

set the overflow of the “inner” flexboxes to visible, grow to 1 and shrink to 0

edit: seems you just found a solution too xd if you did say how you did it as others might want to know too:)

---

<div class="post-metadata">

**Author:** ![tarantuteja0](https://avatars.discourse-cdn.com/v4/letter/t/54ee81/32.png) [@tarantuteja0](https://forum.inductiveautomation.com/u/tarantuteja0)\
**Post date:** [October 13, 2025, 8:46pm UTC](https://forum.inductiveautomation.com/t/scroll-with-flex-container/58809/5 "2025-10-13T20:46:50Z")

</div>

Thanks still works in 2025