# \[Bug-338, 951\]Perspective - Horizontal menu issue

**URL:** <https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256>\
**Category:** Ignition Early Access\
**Tags:** ignition80, perspective\
**Created:** [September 1, 2020, 12:48pm UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256 "2020-09-01T12:48:49Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![luc.martin](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@luc.martin](https://forum.inductiveautomation.com/u/luc.martin)\
**Post date:** [September 1, 2020, 12:48pm UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256/1 "2020-09-01T12:48:49Z")

</div>

I have updated to 8.0.16, since we did I got Component Error on horizontal menu

“Cannot destructure property ‘scrollLeft’ of ‘this.HORIZONTAL\_MENU\_ELEMENT\_REF.current’ as it is null.”

I have 1 item at level 0 and 3 items in that item[0]

---

<div class="post-metadata">

**Author:** ![jball](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jball/32/11128_2.png) [@jball](https://forum.inductiveautomation.com/u/jball)\
**Post date:** [September 1, 2020, 4:05pm UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256/2 "2020-09-01T16:05:24Z")

</div>

Thanks for reporting. We just logged this bug yesterday and will have a fix available soon.

---

<div class="post-metadata">

**Author:** ![jball](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jball/32/11128_2.png) [@jball](https://forum.inductiveautomation.com/u/jball)\
**Post date:** [September 1, 2020, 4:16pm UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256/3 "2020-09-01T16:16:49Z")

</div>

@luc.martin, if possible, can you send me a DM with an export of the view that is causing this behavior? It would be helpful to recreate the bug.

---

<div class="post-metadata">

**Author:** ![luc.martin](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@luc.martin](https://forum.inductiveautomation.com/u/luc.martin)\
**Post date:** [September 1, 2020, 4:21pm UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256/4 "2020-09-01T16:21:22Z")

</div>

Sorry, what do you mean by DM ?

---

<div class="post-metadata">

**Author:** ![luc.martin](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@luc.martin](https://forum.inductiveautomation.com/u/luc.martin)\
**Post date:** [September 1, 2020, 4:24pm UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256/5 "2020-09-01T16:24:59Z")

</div>

What I know is the bug is only on menu items with subitems, items with target works well

---

<div class="post-metadata">

**Author:** ![jball](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jball/32/11128_2.png) [@jball](https://forum.inductiveautomation.com/u/jball)\
**Post date:** [September 1, 2020, 4:30pm UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256/6 "2020-09-01T16:30:40Z")

</div>

Sorry; direct message. You can upload the exported view and I can take a look at it. From a quick test, I wasn’t able to replicate the issue.

---

<div class="post-metadata">

**Author:** ![braydon.hancock](https://avatars.discourse-cdn.com/v4/letter/b/c67d28/32.png) [@braydon.hancock](https://forum.inductiveautomation.com/u/braydon.hancock)\
**Post date:** [September 2, 2020, 10:43pm UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256/7 "2020-09-02T22:43:10Z")

</div>

I have the same issue after upgrading to 8.0.16, the entire component errors out after you click an item with sub menus.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/6/c6b59336afcdcb10b8f61501db6a90f78a8d464d.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:** [September 3, 2020, 12:58am UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256/8 "2020-09-03T00:58:18Z")

</div>

For anyone experiencing this issue:  
How are you using the Horizontal Menu within the page? Is the Horizontal Menu within a Docked View? Is it within a Popup?

---

<div class="post-metadata">

**Author:** ![luc.martin](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@luc.martin](https://forum.inductiveautomation.com/u/luc.martin)\
**Post date:** [September 3, 2020, 10:55am UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256/9 "2020-09-03T10:55:23Z")

</div>

For me I use a dock view, my docked view is a breakpoint container, in that container I have a small and large view and my issue is with my small view, my horizontal menu have only 1 item (button) and that button have 3 subitems with target.

---

<div class="post-metadata">

**Author:** ![braydon.hancock](https://avatars.discourse-cdn.com/v4/letter/b/c67d28/32.png) [@braydon.hancock](https://forum.inductiveautomation.com/u/braydon.hancock)\
**Post date:** [September 3, 2020, 5:46pm UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256/10 "2020-09-03T17:46:30Z")

</div>

We have it in a docked view, have tried both flex and column containers.

---

<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:** [September 3, 2020, 6:00pm UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256/11 "2020-09-03T18:00:37Z")

</div>

Thank you. This (Docked Views) was the only way I encountered it, but we wanted to make sure there were not other occurrences/triggers we were not aware of. We are currently working on a fix for this and should have the fix included as part of 8.1.0.

---

<div class="post-metadata">

**Author:** ![bschroeder](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bschroeder/32/13260_2.png) [@bschroeder](https://forum.inductiveautomation.com/u/bschroeder)\
**Post date:** [October 28, 2020, 9:03pm UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256/12 "2020-10-28T21:03:12Z")

</div>

@cmallonee

Is this fix in any of the nightlies or is there a work around? I’m working on a project that is using this heavily and it is causing big issues since so many of the menu’s don’t work. I’d like to be able to demo this product for the customer but can’t since this is broken.

---

<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:** [October 28, 2020, 9:26pm UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256/13 "2020-10-28T21:26:41Z")

</div>

The ticket does show as being included in 8.1.0, though it does not declare which RC.

---

<div class="post-metadata">

**Author:** ![bschroeder](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bschroeder/32/13260_2.png) [@bschroeder](https://forum.inductiveautomation.com/u/bschroeder)\
**Post date:** [October 29, 2020, 12:49pm UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256/14 "2020-10-29T12:49:25Z")

</div>

It looks like this specific bug is fixed, however there seems to be another issue.

When the menu is in a flex container in a dock, when the menu is triggered other items in the dock disappear.

Before triggering the dropdown menu

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

After triggering the dropdown menu

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/6/a6e0492715f114359dd9974a352d9521177c7ace.png)

The sign-in and dropdown components are hidden.

If I click back on the menu then menu dropdown goes away, however the other component never come back.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/d/6d9ad556015a323f068b104a0ca1ebdd5802ba18.png)

I have to click on a different view to get it to come back.

Here is an example of what I’m referencing.

 ![Horizontal Menu Issue](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/9/79b12b386409d8b67067ffdbf4da155e0e706316.gif)

---

<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:** [October 29, 2020, 1:22pm UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256/15 "2020-10-29T13:22:47Z")

</div>

Oh, you’re right. It looks to be a result of rendering the menu as a modal when in a Docked View; we’re actually removing the menu from its container when we do that which is resulting in the siblings “after” the menu shifting to underneath the displayed modal, then shifting back when the modal is closed and the menu is re-inserted. You can see this by inspecting the sibling components while the menu is expanded.

Components “before” the menu are unaffected. I’ve opened a ticket to get this fixed, but it’s not likely for 8.1.0. 8.1.1 is a better bet.

---

<div class="post-metadata">

**Author:** ![bschroeder](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bschroeder/32/13260_2.png) [@bschroeder](https://forum.inductiveautomation.com/u/bschroeder)\
**Post date:** [October 29, 2020, 1:39pm UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256/16 "2020-10-29T13:39:20Z")

</div>

OK that’s fine. I just wanted to make sure you guys were aware of it. At least the menu is working in a dropdown fashion now.

---

<div class="post-metadata">

**Author:** ![declan1](https://avatars.discourse-cdn.com/v4/letter/d/67e7ee/32.png) [@declan1](https://forum.inductiveautomation.com/u/declan1)\
**Post date:** [December 1, 2020, 10:27am UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256/17 "2020-12-01T10:27:02Z")

</div>

hi has this fix been included in 8.0.17 as I’ve just upgraded from 8.0.15 and encountered it?

---

<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 1, 2020, 3:43pm UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256/18 "2020-12-01T15:43:30Z")

</div>

The bug exhibiting as the Horizontal Menu “disappearing” was just fixed yesterday for version 8.1.2. It should be present in the 8.1.2 Nightly build, but not in anything before that. The bug exhibiting as sibling components “disappearing” has NOT been resolved.

---

<div class="post-metadata">

**Author:** ![iceberg](https://avatars.discourse-cdn.com/v4/letter/i/e99b99/32.png) [@iceberg](https://forum.inductiveautomation.com/u/iceberg)\
**Post date:** [March 8, 2021, 1:54pm UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256/19 "2021-03-08T13:54:06Z")

</div>

@cmallonee Is there a way to fix this issue without updating to 8.1.2? (A work around or patch)

---

<div class="post-metadata">

**Author:** ![iceberg](https://avatars.discourse-cdn.com/v4/letter/i/e99b99/32.png) [@iceberg](https://forum.inductiveautomation.com/u/iceberg)\
**Post date:** [June 4, 2021, 7:25pm UTC](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256/20 "2021-06-04T19:25:49Z")

</div>

I wanted to share that I found a work around to the bug for the sibling component “disappearing”. You can wrap the horizontal container in a container (I used a flex container), and then even if the sibling component is after the menu it still displays.

[Next page](https://forum.inductiveautomation.com/t/bug-338-951-perspective-horizontal-menu-issue/38256.md?page=2)
