Bug 113648 – Results of "style.transition* = 'any-value';" shouldn't contain vendor-prefixed properties.

• Status: RESOLVED
• Resolution: WORKSFORME
• Component: CSS

[Syoichi Tsuyuhara]

Created attachment 195881 [details]
test case

I noticed that this code shows "transition: none; -webkit-transition: none;" in Chrome 26.0.1410.43, on Windows 7 Home Premium SP1 64bit.

document.body.style.transition = 'none';
alert(document.body.style.cssText);

So I tested for transition properties by using test case in browsers.

Results of test case in Chromium 28.0.1458.0 (191559):
transition: all; -webkit-transition: all;
transition: 0s; -webkit-transition: 0s;
transition: ease; -webkit-transition: ease;
transition: 0s; -webkit-transition: 0s;
transition: none; -webkit-transition: none;

Results of test case in Internet Explorer 10:
transition-property: all;
transition-duration: 0s;
transition-timing-function: ease;
transition-delay: 0s;
transition:none;

Results of test case in Firefox Nightly 22.0a1(buildID 20130330030828):
transition-property: all;
transition-duration: 0s;
transition-timing-function: ease;
transition-delay: 0s;
transition: none 0s ease 0s ;

Results of test case in Opera 12.14:
transition-property: all;
transition-duration: 0s;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transition-delay: 0s;
transition-delay: 0; transition-duration: 0; transition-property: none; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);

I think that WebKit should shows like Internet Explorer 10 or Firefox Nightly 22.0a1.

[Sam Sneddon [:gsnedders]]

Doesn't repro in Safari 14.1; presume this has got fixed at some point over the years.