Re: [css3-transitions] Transitions from display:none

On 13/12/11 18:43, Øyvind Stenhaug wrote:
> 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.
>
Why not handle all non-interpolable values like visibility and 
interpolate them through a discrete step?
Then the author would be able to control if the change occurs in the 
beginning or the end of the transition by providing an appropriate 
timing function (usually step-start or step-end)

That would not only solve most authors complaints about transitioning 
to/from display:none, but a bunch of other cases as well.

-- 
Lea Verou (http://lea.verou.me | @LeaVerou)

Received on Monday, 16 January 2012 22:32:28 UTC