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

On Tue, Dec 13, 2011 at 8:43 AM, Øyvind Stenhaug <oyvinds@opera.com> 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.

There is no ordering for properties to apply; they all apply at the
same time.  Any behavior otherwise is a bug.

However, I'm not sure if transitions can/should "work" when the
start-state is display:none.

~TJ

Received on Tuesday, 13 December 2011 19:16:30 UTC