New issue
Advanced search Search tips

Issue 620072 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 616072
Owner: ----
Closed: Jun 2016
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows , All
Pri: 2
Type: Bug-Regression



Sign in to add a comment

CSS transitions on background-size require both <height> and <width> to be set

Reported by l...@levisan.me, Jun 14 2016

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.84 Safari/537.36

Example URL:
http://codepen.io/levisan/pen/MeyMVp

Steps to reproduce the problem:
1. Go to http://codepen.io/levisan/pen/MeyMVp
2. Hover over the <div>
3. The CSS transition does not work.

What is the expected behavior?

What went wrong?
The CSS transition should ease between the two set background sizes.

4. Uncomment lines 11 and 18 of the CSS, so that background-size is set as both <height> and <width> and not just a single value.
5. Now the transition works

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? Yes Approximately 14 days ago

Does this work in other browsers? Yes 

Chrome version: 51.0.2704.84  Channel: stable
OS Version: 10.0
Flash Version: Shockwave Flash 21.0 r0

Still works in current versions of IE, Edge, and Firefox.
 
Components: -Blink Blink>CSS
Components: -Blink>CSS Blink>Animation
Labels: -Type-Bug OS-All Type-Bug-Regression
Mergedinto: 616072
Status: Duplicate (was: Unconfirmed)

Sign in to add a comment