# Flex repeater and popup scroll **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [June 19, 2025, 3:58am UTC](https://forum.inductiveautomation.com/t/flex-repeater-and-popup-scroll/107561 "2025-06-19T03:58:45Z")\ **Posts on this page:** 11\ **Page:** 1
**Author:** ![Dharani\_T](https://avatars.discourse-cdn.com/v4/letter/d/bc8723/32.png) [@Dharani\_T](https://forum.inductiveautomation.com/u/Dharani_T)\ **Post date:** [June 19, 2025, 3:58am UTC](https://forum.inductiveautomation.com/t/flex-repeater-and-popup-scroll/107561/1 "2025-06-19T03:58:45Z")
Hi, I have a popup in Ignition Perspective that contains a Flex Repeater component. The repeater dynamically grows as instances are added by clicking a button inside the popup. Currently, as new instances are added, the scroll appears _only_ within the Flex Repeater component. However, my intended behavior is for the entire popup to scroll—so that the content inside the popup (including the Flex Repeater and any other components) remains fully visible within the popup’s scrollable area, rather than limiting the scroll to just the repeater. Could you please advise how I can configure the layout, container settings, or style properties to make the entire popup scroll instead of just the Flex Repeater? Expectation: ![](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/e/ceedc7a9c7def38fe86e348be93488c7382822fb.png) My output: ![](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/a/9a9a6a2316f2560e93d2d56bfb9b2c5b8cf43601.png) Thanks in advance. ---
**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:** [June 19, 2025, 4:45am UTC](https://forum.inductiveautomation.com/t/flex-repeater-and-popup-scroll/107561/2 "2025-06-19T04:45:05Z")
The flex repeater should be set to basis: auto with grow and shrink: 0 I'm assuming you have grow shrink set to 1. You want the size of the repeater to be whatever size it needs to be to show all of its rows. Then it will force the containing container to show the scrollbars and not the repeater itself. As an aside, it looks like you're duplicating the headers as well which you might want to fix ---
**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\ **Post date:** [June 19, 2025, 6:37am UTC](https://forum.inductiveautomation.com/t/flex-repeater-and-popup-scroll/107561/3 "2025-06-19T06:37:00Z")
I agree, remove the headers from the repeated view and just add them above the repeater. ---
**Author:** ![Dharani\_T](https://avatars.discourse-cdn.com/v4/letter/d/bc8723/32.png) [@Dharani\_T](https://forum.inductiveautomation.com/u/Dharani_T)\ **Post date:** [June 19, 2025, 8:08am UTC](https://forum.inductiveautomation.com/t/flex-repeater-and-popup-scroll/107561/4 "2025-06-19T08:08:52Z")
I applied the suggested points but still same result. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/d/bd7edc8161bf3d00193ac2205b31a7d5b4a16e12.png) ---
**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\ **Post date:** [June 19, 2025, 8:25am UTC](https://forum.inductiveautomation.com/t/flex-repeater-and-popup-scroll/107561/5 "2025-06-19T08:25:58Z")
Can you show us the repeater's properties ? ---
**Author:** ![Dharani\_T](https://avatars.discourse-cdn.com/v4/letter/d/bc8723/32.png) [@Dharani\_T](https://forum.inductiveautomation.com/u/Dharani_T)\ **Post date:** [June 19, 2025, 8:27am UTC](https://forum.inductiveautomation.com/t/flex-repeater-and-popup-scroll/107561/6 "2025-06-19T08:27:33Z")
![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/6/86d4050abc8f59e4d084d79e212165021063b781.png) ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/7/979f13724995abdbb1c34c4b1d79b96a0ac892d2.png) ---
**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\ **Post date:** [June 19, 2025, 9:00am UTC](https://forum.inductiveautomation.com/t/flex-repeater-and-popup-scroll/107561/7 "2025-06-19T09:00:19Z")
Is the repeater in a flex container with `shrink: 1` ? Also, try setting the repeaters `overflow` to `visible`, see if that helps. ---
**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:** [June 19, 2025, 2:22pm UTC](https://forum.inductiveautomation.com/t/flex-repeater-and-popup-scroll/107561/8 "2025-06-19T14:22:18Z")
> [@pascal.fragnoud](#): > > Is the repeater in a flex container with `shrink: 1` ? Yeah it looks like it is. That's this issue now. Apply the same logic to all parent containers > [@nminchin](#): > > You want the size of the repeater to be whatever size it needs to be to show all of its rows. Then it will force the containing container to show the scrollbars and not the repeater itself ---
**Author:** ![Dharani\_T](https://avatars.discourse-cdn.com/v4/letter/d/bc8723/32.png) [@Dharani\_T](https://forum.inductiveautomation.com/u/Dharani_T)\ **Post date:** [June 26, 2025, 9:33am UTC](https://forum.inductiveautomation.com/t/flex-repeater-and-popup-scroll/107561/9 "2025-06-26T09:33:26Z")
I have set grow and shrink of repeater to 0 and basis as auto and overflow as visible. still the same. I have attached the popup for your reference. [Popup.zip](https://forum.inductiveautomation.com/uploads/short-url/x5BWFEovnYk5AAGsXVLW9jFWlIB.zip) (17.5 KB) ---
**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:** [June 26, 2025, 9:46am UTC](https://forum.inductiveautomation.com/t/flex-repeater-and-popup-scroll/107561/10 "2025-06-26T09:46:37Z")
The issue was exactly as we mentioned; the containing flex had grow/shrink: 1. I noticed lots of other issues as well where grow/shrink are set to 1 which ends up suishing components if they don't fit, % units are a bit average I would recommend changing to rem, including for font sizes, also adding `gap: 0.3rem` or similar to your flex containers, in particular the flex repeater. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/0/d05a26ef73d73731dcc28015d5686c792a1a051d.png) . ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/5/257e3bada343578be6a142e35677738a58633524.png) However, I would suggest that you want the bottom row of buttons to always be visible, so in that case you would need to wrap all of the components above the bottom button row into a column flex set to grow/shrink:1 ---
**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:** [June 26, 2025, 10:03am UTC](https://forum.inductiveautomation.com/t/flex-repeater-and-popup-scroll/107561/11 "2025-06-26T10:03:23Z")
fwiw, this is how I would make this popup: [Popup--fixed.zip](https://forum.inductiveautomation.com/uploads/short-url/4CT389q3mJz2dXZwmxlUlN4324a.zip) (21.2 KB) There's still an issue with the template view where the icon is set to shrink; I haven't looked at the template view at all