1503601 - Peekaboo bug with combination of filter, timeout and other CSS

Status: RESOLVED DUPLICATE of bug 1482403

(Core :: CSS Parsing and Computation, defect)

Description

[Colin G]

Attachment: ffpeekaboo.html

User Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:63.0) Gecko/20100101 Firefox/63.0

Steps to reproduce:

This is content that is disabling a menu in a large number of our products. Because the products are made for individually and for stand-alone use, it needs to be fixed on the browser end. This bug was introduced with v63 and is not reproduceable in any other browser products.
The bug is that a child element that is not displayed at page load will have its opacity at 0 when displayed dynamically. The content is selectable, but it does not appear. This combination causes the bug. Removing any of these pieces of the scenario will resolve it:
- Parent element with display:inline-block
- Child element with display:none & position:absolute
- Parent element with :hover:filter() - any CSS filter, but example is Sepia
- Javascript that is set to display the element on a timeout when hovering on the parent element

Example file is attached.


Actual results:

The filter is applied to the parent element on hover, but the child element does not appear after the timeout period.


Expected results:

The filter is applied to both the parent and child element on hover, and the child element is displayed.

Comment 1

[Colin G]

I upgraded to v63 on my Mac as well, and the bug also occurs there.

Comment 2

[Stefan [:StefanG_QA]]

Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:63.0) Gecko/20100101 Firefox/63.0  	20181018182531

I was able to reproduce the mentioned behavior on Windows 10 x64 using the latest Firefox release build. When loading the provided test case and hover the elements nothing happened. When doing so on either Nightly or Beta, the child elements are properly displayed. Please change if this is not the right component!

Comment 3

[Emilio Cobos Álvarez (:emilio)]

https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=9cd889824b1ce9a3de0ab7686332b5b9789be6f0&tochange=1feb8b3f06e7f93d1cd67d59011074add931b086