[Bug Report] The `zIndex` prop seems not working about vue3-popper

[ddzy]

@ddzy please try updating Vue to v3.1.5

TKS, upgrade vue from 3.0.5 to 3.1.5 solved my problem.

[valgeirb]

Maybe I'm missing something obvious, but it seems to be working for me - the popper div gets the z-index property that you pass in as a prop.

Can you help me with this?

[ddzy]

I think the problem maybe caused by css's priority🤔:

• Passing the zIndex property to Popper component directly(not working)
• In my browser, add the z-index css propery into popper div's inline stylesheet manually(working well)

[valgeirb]

• Passing the zIndex property to Popper component directly(not working)

This is weird since that works for me, can you create a reproduction of this somehow with CodeSandbox?

I made an example as well (with zIndex set to 123), can you please check it out and compare it to your code?

Also, if you don't use the zIndex prop (just skip it), the default z-index should default to 9999 - can you check if that works?

[viazovskyi585]

I have same bug.


There is no property with css variable when i pass prop.
But i don't need dynamic z-index so i just fix it with css rule

[valgeirb]

What version of Vue are you using? Can you try updating to v3.1.5 and see if that does anything for you?

I'm using the SFC style variables for this feature and I might need to back away from that.

[viazovskyi585]

Probably thats a problem, im running vue v3.0.4

[valgeirb]

@ddzy please try updating Vue to v3.1.5