1513446 - Elements with “position: relative; z-index: auto", and with manipulated visibility/opacity of pseudo-elements can be invisible

Status: RESOLVED INCOMPLETE

(Firefox :: Untriaged, defect)

Description

[q21]

Attachment: invisible-link1.jpg

User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0

Steps to reproduce:

I created "A" and "Hx" elements with CSS “position: relative”, no z-index, and with manipulated visibility/opacity of their pseudo-elements :after (opacity: 0, and :hover opacity:0.9).


Actual results:

1. They are invisible though hover effects etc. work on them.
2. Sometimes they are visible but those which were off-screen remain invisible when scrolled into the window.
3. Sometimes when one link gets hovered (and its pseudo-element gets opacity and visibility), the link gets visible and all the other such links get visible too.
4. The same effect when that link is right-clicked with "Inspect Element".


Expected results:

Visible elements.

Comment 1

[Alice0775 White]

@q21,
Can you please attach a testcase or public url to reproduce the problem?

Comment 2

[q21]

https://xxx.obschy.ru/editonlink/invisib.htm
Scroll a couple screens down and see blank lines instead of links.

Comment 3

[Timea Cernea [:tbabos][inactive]]

Hey q21,

Opening the provided testcase results in a lot of AAAA and Test hyperlinks, thus I'm pretty lost in where to search for the issue. Can you please provide a simplified one which shows only the issue? It would be greatly appreciated, thanks.

Comment 4

[q21]

No. I was not able to keep errors showing after simplifying the document too much. But you can see the issue on this screenshot. https://postimg.cc/v1q0kZQm The left half of the picture shows the FF window with zoom = 1 (100%). No links! The right half shows zoomed out window (90%), links are visible. Obvious bug! Please download the test case ASAP, as my hosting provider goes out of business.

Comment 5

[q21]

Attachment: With 100% scale links are invisible (see the left half)

Comment 6

[Timea Cernea [:tbabos][inactive]]

Yeah...well the host provider is down and I can't check it anymore. Can you please also check if it can be reproduced on a clean profile and safe mode on the latest Nightly?

Here are some useful links:
Safe mode: https://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode.
New Clean Profile: https://support.mozilla.org/en-US/kb/profile-manager-create-and-remove-firefox-profiles
Firefox Nightly: https://www.mozilla.org/en-US/firefox/channel/desktop/

Comment 7

[q21]

Here is the test case file for another 30 days:
https://ufile.io/fgg46

Comment 8

[Timea Cernea [:tbabos][inactive]]

Thanks for the link. Tried it out on 4 Firefox versions (Nightly, Beta, Release and ESR) on Windows 10 x64 but couldn't reproduce. I've changed the zoom level from 100% to 90% and other combinations, scrolled the page like that and the links were visible on hover and so on. 

Can you please ensure that there are no add-ons that cause this issue or custom settings? I really recommend using a safe profile and safe mode to test that part.

Comment 9

[Timea Cernea [:tbabos][inactive]]

Marking this as Resolved: Incomplete due to the lack of response from the reporter.
If the issue is still reproducible with the latest Firefox version with a new clean profile and safe mode, feel free to reopen the bug.