Closed Bug 1252864 Opened 8 years ago Closed 8 years ago

When :hover transition a transform: scale() of an image with object-fit: cover, it looses ratio during the animation

Categories

(Firefox :: Untriaged, defect)

Product:
Firefox
Component:
Untriaged
Version:
44 Branch
Platform:
x86
Windows 7
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED DUPLICATE of bug 1200611

People

(Reporter: brunomgmateus, Unassigned)

References

(
URL
)

Details

(Keywords: css3) 

User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/48.0.2564.116 Safari/537.36

Steps to reproduce:

For an image inside a tag (tag has defined dimensions and overflow: hidden, image has relative dimensions and object-fit), I applied a transition with transform: scale().   

This code will helps to show the case. http://plnkr.co/scZK9a


Actual results:

During the animation of the transition, the image behaves in this sequence:
1. Previous to transition, image ratio is ok.
2. During the transition, image suddenly shows a distorted aspect ratio.
3. Post transition, aspect ratio is correct again, with the transitioned result.


Expected results:

Image ratio should have been maintained during the whole transition.
In Google Chrome works correctly. Firefox should mimic same behaviour.
URL: http://plnkr.co/scZK9a
Keywords: css3
OS: Unspecified → Windows 7
Hardware: Unspecified → x86
Whiteboard: Object-fit changes image ratio during transform scale()
Product: Core → Firefox
Sorry for any errors I might have made during reporting. It's my first one...
Whiteboard: Object-fit changes image ratio during transform scale()
Fixed in 45+.
Status: UNCONFIRMED → RESOLVED
Closed: 8 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.