[css3-transitions] Transitions from display:none

Hi,

I see it was resolved at TPAC that "CSS animations do not start or  
continue running on elements that are display:none or inside display:none  
elements"  
(<http://lists.w3.org/Archives/Public/www-style/2011Nov/0709.html>).

However, transitions need to be considered too, and I couldn't find a  
similar issue reported on the list. And even if the transitions spec were  
to get some similar wording, it would be necessary to define in what order  
simultaneous style changes are considered to happen for this purpose. This  
also seems somewhat connected with the plans to make all properties  
interpolable.

For instance, one might expect margin-left to transition in this case (and  
maybe especially so if 'display' were to be interpolated similarly to  
'visibility'):

#test { transition-duration: 0.5s; }
#test.before { display: none; margin-left: 100px; }
#test.after { display: block; margin-left: 0px; }

However, we have already seen a case relying on the opposite, and thus  
looking buggy in Opera.

-- 
Øyvind Stenhaug
Core Norway, Opera Software ASA

Received on Tuesday, 13 December 2011 16:44:33 UTC