916137 - CSS box-shadow colour renders as black when animating elements with keyframe animation

Status: RESOLVED INCOMPLETE

(Firefox for Android Graveyard :: General, defect)

Description

[Grant Bunyan]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.65 Safari/537.36

Steps to reproduce:

Added CSS keyframe animation to an element with non-black box-shadow.


Actual results:

The box-shadow colour is forced to black (see http://cdpn.io/FlHfm for cut down example). If you turn off the animation the box-shadow renders correctly as white.


Expected results:

The custom colour defined in the CSS rules should be rendered.

Comment 1

[Grant Bunyan]

Hardware is an Xperia Go (ST27i) running Gingerbread.

Comment 2

[Teodora Vermesan (:TeoVermesan)]

On Firefox for Android 24, 25 and 26 the box-shadow is displayed black using LG Nexus 4 (Android 4.2.2) and HTC Desire Z (Android 2.3). On stock browser and chrome, the colour is white.

Comment 3

[Aaron Train [:aaronmt]]

Do you see the same behaviour using Nightly (http://nightly.mozilla.org) for Android?

Comment 4

[Teodora Vermesan (:TeoVermesan)]

Hi! Do you still see the issue on your device?
On LG Nexus 4 (Android 4.4) on latest Nightly, the color is white.

Comment 5

[Mira Lobontiu (Android QA)]

Due to the lack of additional info, I'll close this issue as Incomplete.

If the reporter (or anyone else) can provide more information, please feel free to reopen or comment on the issue, and we'll have a thorough look on it.