New issue
Advanced search Search tips
Note: Color blocks (like █ or █) mean that a user may not be available. Tooltip shows the reason.

Issue 606384 link

Starred by 1 user
Status: WontFix
Owner:
alancutter@chromium.org
Closed: Apr 2016
Cc:
█ brajkumar@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug-Regression



Sign in to add a comment

CSS animation should not work for non animatable properties

Reported by sebastie...@gmail.com, Apr 25 2016 
UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2715.0 Safari/537.36

Steps to reproduce the problem:
1. Go to https://jsbin.com/tokotugava/edit?html,css,output
2. Rollover text that is partially hidden
3. Text is now displayed entirely

What is the expected behavior?
Text should remain partially hidden

What went wrong?
Its seems Chrome permits animation of non animatable CSS properties. EG. latest Firefox or Safari won't animate the overflow property.

The W3C spec describes overflow as non animatable (https://drafts.csswg.org/css-overflow-3/#overflow-properties ), then Chrome should follow this rule.

Did this work before? N/A 

Chrome version: 49.0.2623.112  Channel: stable
OS Version: OS X 10.11.3
Flash Version: Shockwave Flash 21.0 r0

Comment 1 by brajkumar@chromium.org, Apr 26 2016

Cc: brajkumar@chromium.org
Components: Blink>CSS
Labels: -Type-Bug M-52 hasbisect OS-Linux OS-Windows Type-Bug-Regression
Owner: alancutter@chromium.org
Status: Assigned (was: Unconfirmed)
Able to reproduce on Windows 7, Ubuntu 14.04 and Mac OS 10.11.4 using chrome stable M50-50.0.2661.87.

Bisect Information:
=====================
Good build: 45.0.2446.0 
Bad Build : 45.0.2448.0 

Change Log URL: https://chromium.googlesource.com/chromium/src/+log/1c8786b2930c2a90c9c4101327d8965dcea826c2..446a048244b00414e716e461b23178278cba124d

Blink Log URL:
https://chromium.googlesource.com/chromium/blink/+log/a562e22..1c61ac4

From the above blink log suspecting below change

Review URL: https://codereview.chromium.org/1217983003

alancutter@ - Could you please check whether this is caused with respect to your change, if not please help us in assigning it to the right owner.

Thanks!

Comment 2 by timloh@chromium.org, Apr 26 2016

Components: -Blink>CSS Blink>Animation

Comment 3 by alancutter@chromium.org, Apr 27 2016

Status: WontFix (was: Assigned)
Working as intended according to the latest CSS Animations spec.
https://drafts.csswg.org/css-animations-1/#wg-resolutions-pending
"Agreed that both transitions and animations animate all properties. css-transitions to define animation of non-interoperable/discrete values. They take their starting values below 50% timing function progress, and end values above"

The word "animatable" used in CSS property specs really means "smoothly interpolable". All properties except those that affect CSS animations/transitions can be targeted in @keyframes rules.
►

Sign in to add a comment