# \[Bug\] Horizontal menu scroll arrows don't behave well on browser resize

**URL:** <https://forum.inductiveautomation.com/t/bug-horizontal-menu-scroll-arrows-dont-behave-well-on-browser-resize/91907>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [June 16, 2024, 4:29am UTC](https://forum.inductiveautomation.com/t/bug-horizontal-menu-scroll-arrows-dont-behave-well-on-browser-resize/91907 "2024-06-16T04:29:45Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![David\_Nicks](https://avatars.discourse-cdn.com/v4/letter/d/8491ac/32.png) [@David\_Nicks](https://forum.inductiveautomation.com/u/David_Nicks)\
**Post date:** [June 16, 2024, 4:29am UTC](https://forum.inductiveautomation.com/t/bug-horizontal-menu-scroll-arrows-dont-behave-well-on-browser-resize/91907/1 "2024-06-16T04:29:45Z")

</div>

v8.1.28

The scroll arrows for a horizontal menu don't seem to respond robustly to changes in the browser client area width.

My horizontal menu is contained in a flex row, which is on a flex (column) container view.

On the root flex container:

- default width: 800
- alignItems: stretch

On the flex row:

- justify: flex-start
- alignItems: stretch

On the horizontal menu:

- grow: 0
- shrink: 1
- basis: 1200px

With the browser window set wider than 1200px, on initial page load I get what I would expect to see:

 ![hzmenu-00](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/a/4a8de6934f46f8033b0fb222cee2e9d695fe16c7.png)

When I resize the browser to smaller than the menu width, no arrow appears:

![hzmenu-03](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/5/85ddd1278b492ea29e8167f81b4b72705cbfac56.png)

If I reload the page, the arrow appears:

![hzmenu-02](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/7/27b0b27d42c0c3b18b0dc4de074f740438e4959f.png)

At this point I can resize the browser and the arrow dynamically follows the right edge of the client area, as I would expect to see.

However, if I resize the browser wide enough for all the menu items to fit, the arrow remains stuck at the right end of the menu, covering up the last menu item:

 ![hzmenu-01](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/3/73acf78452ecb1ebf70cbb1a6036d3df5e82f763.png)

Refreshing the browser again returns me to the first image above.

---

<div class="post-metadata">

**Author:** ![michael.flagler](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/michael.flagler/32/26272_2.png) [@michael.flagler](https://forum.inductiveautomation.com/u/michael.flagler)\
**Post date:** [June 16, 2024, 5:04pm UTC](https://forum.inductiveautomation.com/t/bug-horizontal-menu-scroll-arrows-dont-behave-well-on-browser-resize/91907/2 "2024-06-16T17:04:34Z")

</div>

First thing I would suggest is loading your project on a test server or in Docker with the latest version. You're using a version that's a year old now and it's possible this has been fixed. You'd have to go through the changelog in all the versions to check, but it may be quicker to just load it up in Docker and see if the problem persists.

---

<div class="post-metadata">

**Author:** ![David\_Nicks](https://avatars.discourse-cdn.com/v4/letter/d/8491ac/32.png) [@David\_Nicks](https://forum.inductiveautomation.com/u/David_Nicks)\
**Post date:** [June 16, 2024, 9:18pm UTC](https://forum.inductiveautomation.com/t/bug-horizontal-menu-scroll-arrows-dont-behave-well-on-browser-resize/91907/3 "2024-06-16T21:18:14Z")

</div>

Same behavior on 8.1.41

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [June 16, 2024, 10:09pm UTC](https://forum.inductiveautomation.com/t/bug-horizontal-menu-scroll-arrows-dont-behave-well-on-browser-resize/91907/4 "2024-06-16T22:09:15Z")

</div>

If you think this is a bug, the best course of action is to call IA and create a ticket. They can verify and then forward appropriately.
