fx-private-relay-add-on
fx-private-relay-add-on copied to clipboard
mozilla
Reduced `z-index` on email field wrapper
Problem
Users who had Relay enabled experienced issues of having the email input field stacking on top of almost any other element on the page. Here's an example:
Original issue
https://github.com/mozilla/fx-private-relay-add-on/issues/22
My solution
With this fix, I mainly just reduced the z-index from 9999999999999.... to a 10. I tested this out and this is the result:
Maybe this needs more testing, but the issue has been up for some years with no action, so thought I'd take a swing at it. I'm sure there was a reason the z-index was so high in the first place.
I feel like this shouldn't be merged and we need an actual solution for this issue. It's still going to present the same problem for websites that use a z-index under 10 for other things.
Yeah, it's not necessarily the most inventive solution. However this issue has been around for some years and I mainly wanted to bring eyes to the matter. I think this is a good start compared to its initial z-index value of 99999999...99..9
This definitely is a known issue.
It would make sense to do some sort of CSS query/lookup to see if there's already a set z-index value.
I'll share this with the team! Thanks for taking a whack at this.
No : this not fix the issue : there are no reason to have a z-index.
This not fix the issue in mybb foruml when search for an user
With z-index to 10.
Removing the z-index is a lot more a better fix : https://github.com/mozilla/fx-private-relay/pull/632
