Options:
Previous day, Next day
- # Session Start: Sat Jul 25 00:00:00 2015
- # Session Ident: #css
- # [00:10] * Quits: Florian (~Florian@public.cloak) (Client closed connection)
- # [00:10] * Joins: Florian (~Florian@public.cloak)
- # [00:13] * Joins: estellevw (~estellevw@public.cloak)
- # [00:17] * Quits: Florian (~Florian@public.cloak) (Ping timeout: 180 seconds)
- # [00:24] * Joins: Florian (~Florian@public.cloak)
- # [00:41] * Quits: adenilson (~anonymous@public.cloak) (adenilson)
- # [00:44] * Joins: adenilson (~anonymous@public.cloak)
- # [01:21] * Quits: adenilson (~anonymous@public.cloak) (adenilson)
- # [01:22] * Joins: myles (~Adium@public.cloak)
- # [01:40] * Quits: Florian (~Florian@public.cloak) (Client closed connection)
- # [02:14] <estellevw> CSS animation implementation question…
- # [02:15] <estellevw> While you can have multiple occurrences of a keyframe value, such as 50%, in the chrome implementation, the animation timing function and property have to be in the same selector block for the animating timing function change to have an impact. This seems incorrect
- # [02:18] <gsnedders> i.e., it isn't inherited? or does it even not work if you do foo {…} foo {…}?
- # [02:19] <gsnedders> estellevw: ^^
- # [02:20] <estellevw> let me put up a codepen to show what i mean. … 5 min
- # [02:20] <gsnedders> (I'm going to bed, and am drunk, so perhaps not the best person to listen to. :))
- # [02:28] <estellevw> example: http://codepen.io/estelle/pen/waYqxv
- # [02:28] <estellevw> the animation timing function has not effect
- # [02:29] <estellevw> http://codepen.io/estelle/pen/JdmyZL - the ATF does - they’re in the same code block
- # [02:29] <estellevw> haha. naughty. g’night.
- # [02:32] <estellevw> both chrome and Firefox behave that way.
- # [02:33] <estellevw> dbaron and TabAtkins: is that a feature or a bug?
- # [02:37] <TabAtkins> estellevw: Feature. Again, the atf doesn't just float and have an effect. It overrides the default atf of some *specific* set of transitions. It tells which to affect by sharing a block with them.
- # [02:38] <estellevw> ok, so if you don’t want to switch the ATF on a property, include 2 keyframes: one with the ATF and properties you want it to impace, and one at the same point (if desired) that doesn’t have an ATF in the block, and those properties will continue with the original timing function.
- # [02:39] <estellevw> I didn’t really get that out of the spec when I was reading it.
- # [02:39] <estellevw> but it’s so obscure I may not have realized that is what the spec was saying
- # [02:41] <dbaron> estellevw, I'm not even sure we meant it to say that
- # [02:41] <dbaron> estellevw, we did agree that keyframes could cascade together, which was a change from the original spec
- # [02:41] <dbaron> estellevw, and I'm not sure if we discussed animation-timing-function
- # [02:42] <dbaron> estellevw, and I didn't think about that case when implementing
- # [02:42] <dbaron> estellevw, then again, maybe it's a useful feature
- # [02:42] <estellevw> hi dbaron - please take a look at http://codepen.io/estelle/pen/waYqxv versus http://codepen.io/estelle/pen/JdmyZL
- # [02:43] <estellevw> you’ll note the width and timing function are in the same block in one, and in the 50% keyframe but in different blocks in the other. That changes things. I wound’t expect it to
- # [02:43] <estellevw> but, it is useful, just very otdd. and, can be confusing.
- # [02:43] <dbaron> estellevw, I wouldn't have expected it either
- # [02:44] <dbaron> estellevw, We ended up wit hthat in the Fx implementation because I originally implemented Apple's original spec with no keyframe cascading, but overriding at the rule level
- # [02:44] <dbaron> estellevw, and I never changed the code that did the per-keyframe timing function check when I adjusted things to do keyframe cascading
- # [02:44] <dbaron> estellevw, because it didn't occur to me
- # [02:44] <dbaron> estellevw, so I think it's really an accident code-wise, at least in Firefox
- # [02:44] <dbaron> estellevw, it ought to be clear in the spec, which it certainly isn't right now
- # [02:45] <dbaron> well, ok, I should look at the spec before I say that
- # [02:45] <estellevw> read TabAtkins’s comment above. for Chrome it seems to be a feature
- # [02:45] <dstockwell> dbaron: that seems to be the same story for blink
- # [02:45] <dstockwell> we missed that case too
- # [02:46] <dbaron> Given where we are I'm inclined to say the spec should match that
- # [02:46] <dbaron> but it should be clear
- # [02:46] <dbaron> which I think it isn't after looking at it
- # [02:47] <estellevw> It reads “when specified in a keyframe”, which could be clear, except we aren’t really differentiating between 2 equal point along the timeline keyframes anywhere in the spec, so it’s not clear that it means in this case it has to be the actual same code block
- # [02:47] <dbaron> agreed
- # [02:47] <dbaron> anyway, I should head home
- # [02:48] * Quits: dbaron (~dbaron@public.cloak) ("8403864 bytes have been tenured, next gc will be global.")
- # [03:03] <TabAtkins> I'm going to send a mail to the list giving some clear spec text for this, so we can agree on it.
- # [03:25] <estellevw> thanks
- # [03:37] * Quits: hgl (~hgl@public.cloak) (Ping timeout: 180 seconds)
- # [03:45] * Joins: hgl_ (~hgl@public.cloak)
- # [04:02] * Joins: dbaron (~dbaron@public.cloak)
- # [06:48] * Quits: estellevw (~estellevw@public.cloak) ("Snuggling with the puppies")
- # [06:56] * Joins: estellevw (~estellevw@public.cloak)
- # [07:11] * Quits: myles (~Adium@public.cloak) ("Leaving.")
- # [08:02] * Quits: estellevw (~estellevw@public.cloak) ("Snuggling with the puppies")
- # [08:25] * Joins: estellevw (~estellevw@public.cloak)
- # [08:50] <estellevw> If you change a keyframe rule with deleteRule or appendRule, i would assume that currently running animations will not be impacted by that change, though attaching the keyframe animation to elements in the future would result in them using the more newly defined animation. Is that correct?
- # [08:52] <estellevw> dbaron or TabAtkins ?
- # [08:58] <dbaron> estellevw, I'd think currently-running animations should change
- # [09:08] * Quits: dbaron (~dbaron@public.cloak) (Ping timeout: 180 seconds)
- # [09:30] * hgl_ is now known as hgl
- # [09:53] * Quits: estellevw (~estellevw@public.cloak) ("Snuggling with the puppies")
- # [09:59] * leaverou_away is now known as leaverou
- # [10:22] * leaverou is now known as leaverou_away
- # [10:23] * leaverou_away is now known as leaverou
- # [10:44] * Joins: Florian (~Florian@public.cloak)
- # [10:58] * Quits: Florian (~Florian@public.cloak) (Client closed connection)
- # [11:08] * Joins: antonp (~Thunderbird@public.cloak)
- # [11:28] * leaverou is now known as leaverou_away
- # [11:38] * leaverou_away is now known as leaverou
- # [11:49] * Joins: estellevw (~estellevw@public.cloak)
- # [12:04] * leaverou is now known as leaverou_away
- # [12:06] * leaverou_away is now known as leaverou
- # [12:27] * Quits: estellevw (~estellevw@public.cloak) ("Snuggling with the puppies")
- # [14:36] * leaverou is now known as leaverou_away
- # [14:38] * leaverou_away is now known as leaverou
- # [15:56] * Quits: hgl (~hgl@public.cloak) (Ping timeout: 180 seconds)
- # [15:58] * Joins: hgl (~hgl@public.cloak)
- # [16:05] * Quits: hgl (~hgl@public.cloak) (Ping timeout: 180 seconds)
- # [16:07] * Joins: hgl (~hgl@public.cloak)
- # [16:50] * leaverou is now known as leaverou_away
- # [17:08] * Joins: Florian (~Florian@public.cloak)
- # [17:13] * leaverou_away is now known as leaverou
- # [17:19] * Quits: antonp (~Thunderbird@public.cloak) (antonp)
- # [17:27] * leaverou is now known as leaverou_away
- # [17:40] * Quits: Florian (~Florian@public.cloak) (Client closed connection)
- # [17:41] * Joins: Florian (~Florian@public.cloak)
- # [17:45] * Joins: Florian_ (~Florian@public.cloak)
- # [17:48] * Quits: Florian (~Florian@public.cloak) (Ping timeout: 180 seconds)
- # [17:53] * Joins: dbaron (~dbaron@public.cloak)
- # [17:55] * Quits: dbaron (~dbaron@public.cloak) ("8403864 bytes have been tenured, next gc will be global.")
- # [17:55] * Joins: dbaron (~dbaron@public.cloak)
- # [17:57] <TabAtkins> I would also think currently running animations would change.
- # [18:49] * Quits: Florian_ (~Florian@public.cloak) (Client closed connection)
- # [19:05] * Joins: Florian (~Florian@public.cloak)
- # [19:16] * Quits: Florian (~Florian@public.cloak) (Client closed connection)
- # [19:16] * Joins: Florian (~Florian@public.cloak)
- # [19:43] * Quits: gsnedders (~gsnedders@public.cloak) ("leaving")
- # [19:50] * Joins: gsnedders (~gsnedders@public.cloak)
- # [20:17] * Joins: estellevw (~estellevw@public.cloak)
- # [20:23] * Quits: Florian (~Florian@public.cloak) (Client closed connection)
- # [20:26] * Joins: Florian (~Florian@public.cloak)
- # [20:26] * Quits: Florian (~Florian@public.cloak) (Client closed connection)
- # [20:26] * Joins: Florian (~Florian@public.cloak)
- # [21:00] * Quits: Florian (~Florian@public.cloak) (Client closed connection)
- # [21:00] * Joins: Florian (~Florian@public.cloak)
- # [21:01] * Quits: Florian (~Florian@public.cloak) (Client closed connection)
- # [21:01] * Joins: Florian (~Florian@public.cloak)
- # [21:50] * Quits: Florian (~Florian@public.cloak) (Client closed connection)
- # [21:51] * Joins: Florian (~Florian@public.cloak)
- # [22:02] * Quits: Florian (~Florian@public.cloak) (Client closed connection)
- # [22:02] * Joins: Florian (~Florian@public.cloak)
- # [22:03] * Quits: Florian (~Florian@public.cloak) (Client closed connection)
- # [22:11] * Joins: Florian (~Florian@public.cloak)
- # [22:11] * Quits: Florian (~Florian@public.cloak) (Client closed connection)
- # [22:38] * Quits: estellevw (~estellevw@public.cloak) ("Snuggling with the puppies")
- # [22:53] * Joins: estellevw (~estellevw@public.cloak)
- # [22:59] * Quits: estellevw (~estellevw@public.cloak) ("Snuggling with the puppies")
- # [23:34] * Joins: estellevw (~estellevw@public.cloak)
- # [23:49] * Quits: dbaron (~dbaron@public.cloak) (Ping timeout: 180 seconds)
- # Session Close: Sun Jul 26 00:00:00 2015
Previous day, Next day
Think these logs are useful? Then please donate to show your gratitude (and keep them up, of course). Thanks! — Krijn