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

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 UTC