W3C home > Mailing lists > Public > www-style@w3.org > December 2013

Re: Proposal: will-animate property

From: Ali Juma <ajuma@chromium.org>
Date: Wed, 4 Dec 2013 09:22:44 -0500
Message-ID: <CANLC6v1uWVsfZ+5i+J7xhbAhnXGEyF2WomuNs4j4cNjfeTDZ9Q@mail.gmail.com>
To: Alan Gresley <alan@css-class.com>
Cc: "Robert O'Callahan" <robert@ocallahan.org>, "L. David Baron" <dbaron@dbaron.org>, Benoit Girard <bgirard@mozilla.com>, Matt Woodrow <matt@mozilla.com>, Cameron McCormack <cmccormack@mozilla.com>, www-style <www-style@w3.org>, "Tab Atkins Jr." <jackalmage@gmail.com>
On Wed, Dec 4, 2013 at 4:46 AM, Alan Gresley <alan@css-class.com> wrote:

>  With your suggested
>> changes, applying a transform to an item will still cause the popup to pop
>> under the other items (since applying a transform makes the item a
>> stacking
>> context).
> Did you test my changes or just assume that they would not work? A demo.
> http://css-class.com/test/temp/transform-stacking.htm

I tested your changes in Chrome, replacing "transform" with
"-webkit-transform". Applying a transform to the item with the popup does
cause the popup to drop under the other items (I also tested with your
posted demo, again replacing transform with -webkit-transform, with the
same results). In Firefox, your demo works when the transform is only on
exactly one item, but not when multiple items (say item 3 and item 4) have

I think this illustrates an important point: there are situations where
authors want to move things around but cannot do so in a straightforward
way using properties that create stacking contexts, so instead they animate
using things like left and top; we need to make sure that in these
situations, authors can use will-animate in a way that doesn't break their
content (that is, in a way that doesn't create the stacking context they're
trying to avoid in the first place).
Received on Wednesday, 4 December 2013 14:23:11 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:37 UTC