Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FRONTEND] emaji react wrong z-level #163

Open
fluffye-yay opened this issue Dec 11, 2024 · 2 comments
Open

[FRONTEND] emaji react wrong z-level #163

fluffye-yay opened this issue Dec 11, 2024 · 2 comments

Comments

@fluffye-yay
Copy link

emoji react shows above items it stould be below, like sidebar menu

Screenshot_20241211-054618

@FireIsGood
Copy link
Contributor

Checking this out, I found a bunch of things that break this:

  • Z-index on the emoji react is 1000, the sidebar is 3
  • They are in different stacking contexts in the first place, so increasing the sidebar z-index won't help

Here's the context thing of the sidebar that doesn't allow it to escape and go on top of the popup:

image

This really sucks because it'll have to be changed around to not be display: relative here to make this even possible. If the popups were inside of the app itself it wouldn't be such a hassle.

@FireIsGood
Copy link
Contributor

https://codepen.io/fireisgood/pen/yyBXomr?editors=1100

Did some testing and it's really weird. I'm able to kind of get it to work in this example but I can't see what's going on on the actual Wafrn page.

Probably an issue to fix in a dedicated debugging session.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants