Where is the proper position to set z-index for vue-menu

[frankxin]

Here is my case. So I need set "z-index" to "Fixed element". And I have no idea how to set it without modifying "vue-menu" source code. Do you have any suggestion?

[michitaro]

Do you mean the red box is covering over the orange box, so you cannot click "Menuitem 4" and "Menuitem 5"?

[frankxin]

Yes. You got it~ @michitaro

[michitaro]

Adding style="position: relative; z-index: 999" to <hsc-menu-button-menu/> may solve the problem.

[frankxin]

It works. By the way, Your code is pretty GOOD. I learned a lot. Thx.

[michitaro]

Thats' good!

[frankxin]

@michitaro I found an issue if you add style="position: relative; z-index: 999" to <hsc-menu-button-menu/>. This means you apply z-index to your trigger element. This means you will change the z-index of your original trigger dom element. This may cause some problems.

[frankxin]

May cause problem like this one

[michitaro]

ver. 2.8 accepts property menuZIndex like this. Update vue-menu and remove style="position: relative; z-index: 999" from your codes.

[frankxin]

That's great, Thx.