User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:61.0) Gecko/20100101 Firefox/61.0 Build ID: 20180704003137 Steps to reproduce: Created text using H1 Added -webkit-linear-gradient in CSS to create a gradient effect Added text-shadow in CSS using RGBA with alpha set to 0.5 for a light shadow Added keyframes in CSS changing the opacity from 0 to 1 for a timed/delayed fade-in effect when the page loads Actual results: The shadow faded in on page load as expected, however the text itself did not. The text only appeared when interacted with (e.g. highlighting), after which it appeared correctly. Expected results: Both the text and shadow should have appeared at the same time. This works correctly on Chrome, but not on Firefox.

Do you have a URL or a test-case that reproduces the issue and you could share here? So far it looks like a painting invalidation issue, but it's hard to know without a test-case.

I've made a simplified version which has the same issue: http://wildernessguardians.com/vio/1477653.htm

Thanks!

Looks like a graphics issue off-hand. I can reproduce as-is in FF57, and in FF50 the text ended up appearing in the end of the animation.

The behavior change I describe in comment 4 has the following regression range: https://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=0c899672fff6ae00f5b3affbec48ee4daac35fa1&tochange=2a1297e90c5981dea1449019480328aafff0cbd5 Which means it's likely due to bug 1223658. Hiro, can you take a look? This seems related to compositor animations.

Oh right. Indeed this is a regression by bug 1223658. I think we need to do something before we send the animation in delay phase as if it's visible. But I have no idea yet. :)

Longstanding regression. I'm marking this fix-optional so that we don't keep coming across it in regression triage. Happy to take a patch in Nightly.