W3C home > Mailing lists > Public > www-style@w3.org > November 2011

[css3-transitions] Transitioning font-size and relative lengths

From: Rune Lillesveen <rune@opera.com>
Date: Tue, 01 Nov 2011 13:33:18 +0100
To: "www-style list" <www-style@w3.org>
Message-ID: <op.v39o5scp8isf1p@id-c1005.oslo.osa>
Hi,

The current draft says:

"Implementations also must not start a transition when the computed value  
changes because it is inherited (directly or indirectly) from another  
element that is transitioning the same property."

Should it also say something along the lines of:

"Implementations also must not start a transition when the computed value  
changes because a relative length is resolved against a transitioning  
font-size." ?


I am having issues with various combinations of font-size, relative  
lengths, and inheritance because computed values rely on relative lengths,  
and it's not clear from the spec how it's supposed to work. An example  
where Chrome and Firefox behave differently:


<!DOCTYPE html>
<style>
#inner, #outer {
   -webkit-transition-property: all;
   -webkit-transition-duration: 1s;
   -o-transition-property: all;
   -o-transition-duration: 1s;
   -moz-transition-property: all;
   -moz-transition-duration: 1s;
}

#outer {
   font-size: 10px;
}

#outer:hover {
   font-size: 30px;
}

#inner {
   width: 5em;
   background-color: orange;
}

#inner:hover {
   width: 10em;
}
</style>
<div id="outer">
   <div id="inner">
     Hover this
   </div>
</div>



-- 
Rune Lillesveen
Layout Group Manager
Core Technology Department
Opera Software ASA
Received on Tuesday, 1 November 2011 12:36:06 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:46 GMT