# \[Bug-15378\]\[Bug-15629\]HorizontalMenu in docked header

**URL:** <https://forum.inductiveautomation.com/t/bug-15378-bug-15629-horizontalmenu-in-docked-header/29705>\
**Category:** Ignition\
**Created:** [November 5, 2019, 11:31pm UTC](https://forum.inductiveautomation.com/t/bug-15378-bug-15629-horizontalmenu-in-docked-header/29705 "2019-11-05T23:31:14Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jonathan](https://avatars.discourse-cdn.com/v4/letter/j/aeb1de/32.png) [@Jonathan](https://forum.inductiveautomation.com/u/Jonathan)\
**Post date:** [November 5, 2019, 11:31pm UTC](https://forum.inductiveautomation.com/t/bug-15378-bug-15629-horizontalmenu-in-docked-header/29705/1 "2019-11-05T23:31:14Z")

</div>

I am trying to put a HorizontalMenu component in the docked header and when I do and click one of the menu items the menus height shrinks when the sub menu pops down. Any idea what is causing the components height to shrink? How can I stop it?

The component is in a flex view set to height 60. i have toggled the shrink and grow properties, but it does not make any difference.

---

<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:** [November 6, 2019, 3:15pm UTC](https://forum.inductiveautomation.com/t/bug-15378-bug-15629-horizontalmenu-in-docked-header/29705/2 "2019-11-06T15:15:04Z")

</div>

There’s not any way for you to prevent this because it’s a bug in the component. I’ve opened an internal ticket to address the issue.

---

<div class="post-metadata">

**Author:** ![manuok](https://avatars.discourse-cdn.com/v4/letter/m/51bf81/32.png) [@manuok](https://forum.inductiveautomation.com/u/manuok)\
**Post date:** [December 13, 2019, 9:54am UTC](https://forum.inductiveautomation.com/t/bug-15378-bug-15629-horizontalmenu-in-docked-header/29705/3 "2019-12-13T09:54:38Z")

</div>

When is this going to be fixed? We also use HorizontalMenu in a docked header and every time you click on the items to open the sub items the HorizontalMenu component moves all the way to the left side of the docked header. I can only prevent the vertical shrink with “height” parameter but haven’t found a way to prevent the menu from moving to the left when clicked.

 ![HorizontalMenu](https://us1.discourse-cdn.com/inductiveautomation/original/2X/e/e9662dc52449c61a413b4748a706f454b118c8ab.png)

 ![HorizontalMenuBug](https://us1.discourse-cdn.com/inductiveautomation/original/2X/b/bfa63f11e901f23b041b6f98fe428a34c92ad83e.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:** [December 13, 2019, 3:15pm UTC](https://forum.inductiveautomation.com/t/bug-15378-bug-15629-horizontalmenu-in-docked-header/29705/4 "2019-12-13T15:15:17Z")

</div>

@manuok, what you are encountering is a combination of bugs. We hadn’t seen the position change issue previously, so I opened a new ticket for that one.

I believe we’re slated to bring the vertical shrink issue into development in the next week, so _hopefully_ a fix would be in place in the nightlies by Friday of next week. I can’t guarantee anything because of the pending holidays.

As for the position change issue… It’s _possible_ that it might be roped in with the other issue, but it could also not be, at which point I couldn’t make a reasonable estimate as to when it would be completed.

---

<div class="post-metadata">

**Author:** ![manuok](https://avatars.discourse-cdn.com/v4/letter/m/51bf81/32.png) [@manuok](https://forum.inductiveautomation.com/u/manuok)\
**Post date:** [December 16, 2019, 8:54am UTC](https://forum.inductiveautomation.com/t/bug-15378-bug-15629-horizontalmenu-in-docked-header/29705/5 "2019-12-16T08:54:04Z")

</div>

Alright, looking forward to be able to use the component properly in our docked header.

---

<div class="post-metadata">

**Author:** ![Carla\_Ratto](https://avatars.discourse-cdn.com/v4/letter/c/9de053/32.png) [@Carla\_Ratto](https://forum.inductiveautomation.com/u/Carla_Ratto)\
**Post date:** [April 1, 2022, 12:23pm UTC](https://forum.inductiveautomation.com/t/bug-15378-bug-15629-horizontalmenu-in-docked-header/29705/6 "2022-04-01T12:23:50Z")

</div>

Hello, has the problem been solved? I am new to Ignition and I am currently facing a similar problem. Thank you for your help

---

<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 1, 2022, 2:25pm UTC](https://forum.inductiveautomation.com/t/bug-15378-bug-15629-horizontalmenu-in-docked-header/29705/7 "2022-04-01T14:25:33Z")

</div>

It looks like this was fixed in 8.1.5. Are you still encountering the issue?

---

<div class="post-metadata">

**Author:** ![Carla\_Ratto](https://avatars.discourse-cdn.com/v4/letter/c/9de053/32.png) [@Carla\_Ratto](https://forum.inductiveautomation.com/u/Carla_Ratto)\
**Post date:** [April 4, 2022, 7:18am UTC](https://forum.inductiveautomation.com/t/bug-15378-bug-15629-horizontalmenu-in-docked-header/29705/8 "2022-04-04T07:18:02Z")

</div>

I found a solution, the problem was due to a wrong configuration of the “shrink” property of the following component. Because of this, the components that are following the horizontal menu moved to the left when I clicked on the menu to access the sub items. The problem was solved by setting the shrink property to 0.

Thank you
