Closed Bug 614873 Opened 14 years ago Closed 13 years ago

the CSS shadows disappear when the element is moved with transform: translate()

Categories

(Firefox :: General, defect)

4.0 Branch
x86
Windows 7
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 536061

People

(Reporter: macrojd, Unassigned)

Details

User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0b7) Gecko/20100101 Firefox/4.0b7 Build Identifier: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0b7) Gecko/20100101 Firefox/4.0b7 I have a box with a shadow. When I move that box with the properties top and left, the shadows is still there, but if I move the element with the property transform and the function translate (like -moz-transform: translate(50px);) the shadow disappear or become smaller (depending on the distance of the translation). Reproducible: Always Steps to Reproduce: 1. create a shadow for a box 2. move the box with transform: translate() 3. you won't see the shadow anymore Actual Results: the shadow disappear Expected Results: the shadow follows the element everywhere
Version: unspecified → 4.0 Branch
This works for me in 13.0a1: data:text/html,<!DOCTYPE html> <div style="height:100px;width:100px;background:lime; -moz-box-shadow:5px 5px;-moz-transform:translate(50px)"> I'm assuming this was fixed.
Status: UNCONFIRMED → RESOLVED
Closed: 13 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.