StackIdeas
Profile menu dropdown hidden behind other elements after 2.2.1 update
By
Gary Barclay
on Thursday, 24 May 2018
Posted in
Technical Issues
Replies
6
Likes
0
Views
382
Votes
0
The profile dropdown panel is being overlapped by elements underneath it.
See image
Ive tried adding zindex to various elements but that not working
Also I have found a typo in your css for this selector:
#es .es-toolbar__dropdown-menu::after
you have "left: auto1"
in style.min.css
Gary Barclay
·
Thursday, 24 May 2018 19:23
·
0 Likes
·
0 Votes
·
0 Comments
·
#413652
This is bad for me guys. We have GDPR stuff to roll out and we can't see our profiles
Gary Barclay
·
Thursday, 24 May 2018 20:08
·
0 Likes
·
0 Votes
·
0 Comments
·
#413662
OK I managed to fix it by setting
#es .es-container {
z-index: 0;
}
Gary Barclay
·
Thursday, 24 May 2018 22:36
·
0 Likes
·
0 Votes
·
0 Comments
·
#413690
Hey Gary,
Thanks for updating, the z-index is actually needed to ensure that the elements underneath it would not overlay the popup. What you could do is to add a higher z-index for your item.
Mark
·
Thursday, 24 May 2018 23:06
·
0 Likes
·
0 Votes
·
0 Comments
·
#413697
No, I tried that first and it didnt work, in fact it wasn't making any difference as there is no position on that first div.
I've fixed it anyway. works so far.
Gary Barclay
·
Friday, 25 May 2018 00:22
·
0 Likes
·
0 Votes
·
0 Comments
·
#413707
Ah I see. Thanks for the input on this. If you still need help on this, let us know.
Mark
·
Friday, 25 May 2018 00:41
·
0 Likes
·
0 Votes
·
0 Comments
·
#413712
View Full Post