/irc-logs / w3c / #css / 2015-02-25 / end

Options:

Previous day, Next day

  1. # Session Start: Wed Feb 25 00:00:00 2015
  2. # Session Ident: #css
  3. # [00:30] * leaverou is now known as leaverou_away
  4. # [00:31] * leaverou_away is now known as leaverou
  5. # [00:52] * Quits: antonp (~Thunderbird@public.cloak) (antonp)
  6. # [01:06] * Quits: dauwhe (~dauwhe@public.cloak) (Client closed connection)
  7. # [01:08] * Joins: dauwhe (~dauwhe@public.cloak)
  8. # [01:11] * Joins: dauwhe_ (~dauwhe@public.cloak)
  9. # [01:11] * Quits: dauwhe (~dauwhe@public.cloak) (Client closed connection)
  10. # [01:17] <plinss> TabAtkins: hopefully that’s not a naive split on comma, because there are values like: FontFace/FontFace(family, source, descriptors)
  11. # [01:17] <TabAtkins> plinss: Correct, it's not. ^_^
  12. # [01:17] <TabAtkins> It's a proper parse that pays attention to parens.
  13. # [01:18] <TabAtkins> https://github.com/tabatkins/bikeshed/blob/master/bikeshed/ReferenceManager.py#L583
  14. # [01:22] <plinss> (you do realize that code won’t deal with nested parens…)
  15. # [01:22] <TabAtkins> Nested parens don't happen yet, so shrug.
  16. # [01:22] <TabAtkins> It's a for value.
  17. # [01:23] <TabAtkins> But yeah, I could do better.
  18. # [01:23] <TabAtkins> Not even totally sure why I wrote it this way, it seems really complicated.
  19. # [01:23] <plinss> yeah, for what you have a regex could have done it
  20. # [01:24] <TabAtkins> All right, nuts to this, I'll rewrite.
  21. # [01:24] <plinss> fwiw, shepherd just stores the entire value of the for attribute in the db, the api handler parses it
  22. # [01:24] <TabAtkins> ANYWAY, you know what to do. ^_^
  23. # [01:24] <TabAtkins> Ah, kk.
  24. # [01:24] <plinss> so this leaves me with both space and comma separated values in the db…
  25. # [01:25] <plinss> so I’ll have to make the parser (which knows the bikeshed version) normalize for the db
  26. # [01:25] <TabAtkins> Kinda sorta. Like I said, I've already changed a bunch of the space-separated (and a bunch of them were comma-separated anyway, and were being treated incorrectly).
  27. # [01:25] <TabAtkins> If you just switch to comma-separation, I can manually go through and figure out where that goes wrong.
  28. # [01:25] <plinss> yeah, but some of them are on /TR so won’t get updated for a while
  29. # [01:25] <TabAtkins> (I'll just look at everything with a space that's not inside of parens, and see if it meant to be multiple for values instead.
  30. # [01:26] <TabAtkins> That just means we have to publish again!
  31. # [01:26] <plinss> that too
  32. # [01:26] <TabAtkins> That's not even a problem. ^_^
  33. # [01:27] <plinss> since the API returns an array, I want it to return the right thing, so I’ll handle the space vs comma normalization on my end
  34. # [01:27] * Quits: dauwhe_ (~dauwhe@public.cloak) (Ping timeout: 180 seconds)
  35. # [01:32] <TabAtkins> Okay. It's okay to return duplicates in the for array if you want.
  36. # [01:32] * TabAtkins is curious how you'll dedup.
  37. # [01:32] <TabAtkins> Rather, how you'll normalize.
  38. # [01:32] <TabAtkins> I guess you can infer that "dfn" types with spaces probably intend to be a single term, but anything else with spaces intends to be space-separated. (Assuming no commas in either situation.)
  39. # [01:35] <plinss> Actually I was just goint to look at the bikeshed version meta tag, anything 1.0.0 or better will split on commas, everything else split on spaces
  40. # [01:35] <plinss> (ignoring spaces and commas inside parens)
  41. # [01:38] <TabAtkins> Oh duh, yeah, that'll work.
  42. # [01:38] <TabAtkins> Yay for versioning!
  43. # [01:45] <plinss> TabAtkins: fwiw, here’s a regex that will split on commas except within parens: re.split(r',(?![^()]*\))', text)
  44. # [01:46] <TabAtkins> danke
  45. # [01:46] <plinss> bitte
  46. # [01:48] <TabAtkins> Just pushed it, so hopefully you're right. ^_^ It looks good, though - pretty clever.
  47. # [01:51] * Joins: dauwhe (~dauwhe@public.cloak)
  48. # [01:51] * Quits: lajava (~javi@public.cloak) (Ping timeout: 180 seconds)
  49. # [02:02] * leaverou is now known as leaverou_away
  50. # [02:14] <plinss> TabAtkins: if you want to strip whitespace and filter empty values, use: return [value.strip() for value in re.split(r',(?![^()]*\))', forValues) if value.strip()]
  51. # [02:14] <TabAtkins> Ah, duh. Yeah, I definitely need to.
  52. # [02:15] <TabAtkins> Sorry, alternating between watching youtube, writing a spec, and drinking, so my coding is a little off at the moment.
  53. # [02:16] <plinss> friends don’t let friends code loaded
  54. # [02:17] <TabAtkins> plinss: Do we have the auto-building thing set up for Houdini?
  55. # [02:17] <plinss> yes
  56. # [02:17] <TabAtkins> Oh, duh, of course we do.
  57. # [02:17] <TabAtkins> k, gonna add a gitignore to the repo and kill all the .htmls.
  58. # [02:18] <plinss> thought I already did that
  59. # [02:18] <TabAtkins> Ah, you did.
  60. # [02:18] <TabAtkins> Okay, then I just need to delete a bunch of .htmls.
  61. # [02:18] <TabAtkins> Or I guess they're all building cleanly.
  62. # [02:19] <TabAtkins> And that's why I'm not getting any emails.
  63. # [02:19] <plinss> shepherd is currently re-parsing all the specs to update the db, so generation is pending that...
  64. # [02:19] <plinss> (almost done)
  65. # [02:19] <TabAtkins> ah, k
  66. # [02:28] * heycam is now known as heycam|away
  67. # [02:31] <TabAtkins> zcorpan: Your CSSOM conversion to Bikeshed left almost all of your autolinks as <span> or <code>, which means they aren't autolinking at all. You also kept most of your linking texts in the silly concept-foo form, when that should just be the ID. I'm fixing for you.
  68. # [03:34] * Quits: dwim (~dwim@public.cloak) ("Leaving.")
  69. # [03:37] * Joins: dwim (~dwim@public.cloak)
  70. # [03:48] * heycam|away is now known as heycam
  71. # [03:51] * Quits: adenilson (~anonymous@public.cloak) (adenilson)
  72. # [04:12] * leaverou_away is now known as leaverou
  73. # [04:46] * Quits: tantek (~tantek@public.cloak) (tantek)
  74. # [04:48] * Joins: adenilson (~anonymous@public.cloak)
  75. # [04:53] * Joins: jdaggett (~jdaggett@public.cloak)
  76. # [05:02] * Quits: adenilson (~anonymous@public.cloak) (adenilson)
  77. # [05:04] * Joins: tantek (~tantek@public.cloak)
  78. # [05:09] * Quits: tantek (~tantek@public.cloak) (tantek)
  79. # [06:16] * heycam is now known as heycam|away
  80. # [06:38] * heycam|away is now known as heycam
  81. # [07:03] * Joins: tantek (~tantek@public.cloak)
  82. # [07:40] * heycam is now known as heycam|away
  83. # [07:48] * Quits: tantek (~tantek@public.cloak) (tantek)
  84. # [07:51] * Joins: zcorpan (~zcorpan@public.cloak)
  85. # [09:06] * Joins: svillar (~sergio@public.cloak)
  86. # [09:18] * Quits: svillar (~sergio@public.cloak) (Ping timeout: 180 seconds)
  87. # [09:41] * Quits: jdaggett (~jdaggett@public.cloak) (Ping timeout: 180 seconds)
  88. # [09:53] * Joins: antonp (~Thunderbird@public.cloak)
  89. # [09:55] * Quits: antonp (~Thunderbird@public.cloak) (Client closed connection)
  90. # [09:59] * Joins: antonp (~Thunderbird@public.cloak)
  91. # [10:01] * Quits: antonp (~Thunderbird@public.cloak) (Client closed connection)
  92. # [10:02] * Quits: zcorpan (~zcorpan@public.cloak) (Client closed connection)
  93. # [10:12] * Joins: antonp (~Thunderbird@public.cloak)
  94. # [10:14] * Quits: antonp (~Thunderbird@public.cloak) (Client closed connection)
  95. # [10:26] * Joins: antonp (~Thunderbird@public.cloak)
  96. # [10:28] * Quits: antonp (~Thunderbird@public.cloak) (Client closed connection)
  97. # [10:36] * Joins: svillar (~sergio@public.cloak)
  98. # [10:37] * Joins: glazou (~glazou@public.cloak)
  99. # [10:39] * Quits: svillar (~sergio@public.cloak) ("Ex-Chat")
  100. # [10:41] * Joins: svillar (~sergio@public.cloak)
  101. # [10:53] * Joins: lajava (~javi@public.cloak)
  102. # [10:56] * Joins: Ms2ger (~Ms2ger@public.cloak)
  103. # [11:06] * Joins: antonp (~Thunderbird@public.cloak)
  104. # [12:01] * Quits: Bert (bbos@public.cloak) (Client closed connection)
  105. # [12:10] * Joins: Bert (bbos@public.cloak)
  106. # [12:12] * Joins: jdaggett (~jdaggett@public.cloak)
  107. # [12:29] * Joins: zcorpan (~zcorpan@public.cloak)
  108. # [13:15] * Quits: zcorpan (~zcorpan@public.cloak) (Client closed connection)
  109. # [13:24] * Quits: svillar (~sergio@public.cloak) (Ping timeout: 180 seconds)
  110. # [13:50] * Quits: jdaggett (~jdaggett@public.cloak) (jdaggett)
  111. # [14:07] * Joins: plh (plehegar@public.cloak)
  112. # [14:16] * Joins: zcorpan (~zcorpan@public.cloak)
  113. # [14:19] * Joins: svillar (~sergio@public.cloak)
  114. # [16:08] * plh is now known as plh-roof
  115. # [17:19] * Joins: Florian (~Florian@public.cloak)
  116. # [17:31] * Joins: Zakim (zakim@public.cloak)
  117. # [17:31] <glazou> Zakim, this will be Style
  118. # [17:31] <Zakim> ok, glazou; I see Style_CSS FP()12:00PM scheduled to start in 32 minutes
  119. # [17:32] * Joins: RRSAgent (rrsagent@public.cloak)
  120. # [17:32] <RRSAgent> logging to http://www.w3.org/2015/02/25-css-irc
  121. # [17:32] <glazou> RRSAgent, make logs public
  122. # [17:32] <RRSAgent> I have made the request, glazou
  123. # [17:33] * glazou changes topic to 'See also #fx for minutes - logs: http://krijnhoetmer.nl/irc-logs/css - Agenda confcall 20150225 https://lists.w3.org/Archives/Public/www-style/2015Feb/0494.html (JS only logs: https://log.csswg.org/irc.w3.org/css/today )'
  124. # [17:42] <Florian> There are lots of things that are very nice about Japan. 2am telecons is not one of them
  125. # [17:42] * Joins: bkardell_ (~uid10373@public.cloak)
  126. # [17:44] <glazou> Florian: oh come on, don’t start complaining like all french people ;-)
  127. # [17:44] <glazou> hey bkardell_ you were the first one this morning for the bday wishes, even before the family eh !
  128. # [17:44] <glazou> thx :-D
  129. # [17:44] <bkardell_> :)
  130. # [17:48] <Florian> glazou: but I am French, why should I not complain? Also, happy birthday.
  131. # [17:49] <glazou> :-) thx!
  132. # [17:53] <Ms2ger> Happy birthday, or so I hear :)
  133. # [17:55] * Joins: tantek (~tantek@public.cloak)
  134. # [17:55] <glazou> thanks Ms2ger !
  135. # [17:56] <bkardell_> I have a conflict today, so regrets for not being able to call in... will try to follow on IRC
  136. # [17:56] <glazou> ok
  137. # [17:58] <tantek> good morning
  138. # [17:58] <glazou> hi tantek
  139. # [17:58] <Florian> Hi Tantek
  140. # [17:59] <tantek> hello glazou Florian
  141. # [17:59] <Zakim> Style_CSS FP()12:00PM has now started
  142. # [17:59] <Zakim> +??P26
  143. # [17:59] <tantek> good news css3ui TR draft published
  144. # [17:59] <SimonSapin> Zakim, ??P26 is me
  145. # [17:59] <Zakim> +SimonSapin; got it
  146. # [17:59] <Zakim> +??P28
  147. # [17:59] <glazou> Zakim, ??P28 is me
  148. # [17:59] <Zakim> +glazou; got it
  149. # [17:59] <tantek> so I hope to get all the pending edits in in the next couple of weeks or so
  150. # [18:00] <tantek> and then I want to do another WD with all of those, since that seems to be what the current publishing process allows for
  151. # [18:00] <Zakim> + +1.479.764.aaaa
  152. # [18:00] * Joins: dael (~dael@public.cloak)
  153. # [18:00] <Florian> Zakim, I am aaaa
  154. # [18:00] <Zakim> +Florian; got it
  155. # [18:00] <Zakim> +plinss
  156. # [18:01] <Zakim> +dael
  157. # [18:01] * Joins: antenna (~antenna@public.cloak)
  158. # [18:02] * Joins: kwkbtr (~kwkbtr@public.cloak)
  159. # [18:02] <Zakim> +[Microsoft]
  160. # [18:02] <Rossen> zakim, microsoft has me
  161. # [18:02] <Zakim> +Rossen; got it
  162. # [18:02] * Joins: gregwhitworth (~gregwhitworth@public.cloak)
  163. # [18:03] * Joins: adenilson (~anonymous@public.cloak)
  164. # [18:03] <Zakim> +dauwhe
  165. # [18:03] * Joins: AH_Miller (~mike@public.cloak)
  166. # [18:03] <Zakim> +??P38
  167. # [18:03] <adenilson> Zakim, ?P38 is me.
  168. # [18:03] <Zakim> sorry, adenilson, I do not recognize a party named '?P38'
  169. # [18:03] <Zakim> +[Microsoft.a]
  170. # [18:03] * Joins: alex_antennahouse (~458c94ae@public.cloak)
  171. # [18:03] * Joins: smfr (~smfr@public.cloak)
  172. # [18:03] <adenilson> Zakim, ??P38 is me.
  173. # [18:03] <Zakim> +adenilson; got it
  174. # [18:04] <gregwhitworth> Zakim, Microsoft.a is me
  175. # [18:04] <Zakim> +gregwhitworth; got it
  176. # [18:04] <Zakim> +[IPcaller]
  177. # [18:04] * Joins: andreyr (~andreyr@public.cloak)
  178. # [18:04] <Zakim> +[IPcaller.a]
  179. # [18:04] <Zakim> +fantasai
  180. # [18:04] <tgraham> Zakim, IPCaller is me
  181. # [18:04] <Zakim> +tgraham; got it
  182. # [18:05] <Zakim> + +1.631.398.aabb
  183. # [18:05] <alex_antennahouse> I think im IPcaller.a
  184. # [18:05] <Zakim> +MikeMiller
  185. # [18:05] <dael> ScribeNick: dael
  186. # [18:05] <dael> zakim, IPCaller.a is alex_antennahouse
  187. # [18:05] <Zakim> +alex_antennahouse; got it
  188. # [18:06] * dael fantasai, did you get the e-mails with minutes from the F2F? I know my e-mails sometimes end up in your spam folder ^-^
  189. # [18:06] <Zakim> +??P11
  190. # [18:06] * Joins: bcampbell (~chatzilla@public.cloak)
  191. # [18:06] <kwkbtr> Zakim, ??P11 is me
  192. # [18:06] <Zakim> +kwkbtr; got it
  193. # [18:06] <Zakim> +smfr
  194. # [18:07] * Joins: sanja (~sanja@public.cloak)
  195. # [18:07] <Zakim> +[IPcaller]
  196. # [18:07] <bcampbell> IPCaller is me
  197. # [18:07] <dael> Zakim, IPCaller is bcampbell
  198. # [18:07] <Zakim> +bcampbell; got it
  199. # [18:08] <dael> plinss: Let's get started. Anything to add to the agenda?
  200. # [18:08] <dael> ??: I have something remove.
  201. # [18:08] * smfr changes topic to 'https://lists.w3.org/Archives/Public/www-style/2015Feb/0494.html'
  202. # [18:08] <Zakim> + +43.134.001.00aacc
  203. # [18:08] <dael> ??: Transform-style 3d issue has been resolved by now.
  204. # [18:08] <dael> plinss: Okay.
  205. # [18:08] <fantasai> s/now/email/
  206. # [18:08] <smfr> s/??/smfr/
  207. # [18:08] * Joins: BradK (~bradk@public.cloak)
  208. # [18:08] * dauwhe +1
  209. # [18:08] <dael> plinss: To start, happy birthday glazou
  210. # [18:08] <dael> Topic: WebVTT review.
  211. # [18:09] <dael> plinss: There's been discussion on e-mail, but do we have group concensus feedback to send? Do folks need time to review?
  212. # [18:09] <Zakim> +BradK
  213. # [18:09] <Zakim> + +1.860.479.aadd
  214. # [18:09] <Zakim> + +1.281.305.aaee
  215. # [18:09] <TabAtkins> Zakim, aaee is me
  216. # [18:09] <Zakim> +TabAtkins; got it
  217. # [18:09] <dael> plinss: I'll take that as a no. So everyone should review and send comments on the e-mail. We'll gather feedback as a group reply.
  218. # [18:09] <sanja> +43.134.001.00aacc is me
  219. # [18:09] <dael> Topic: abspos change compat risk
  220. # [18:10] * Bert a few minutes late. Will dial-in soon.
  221. # [18:10] <sanja> Zakim, aacc is me
  222. # [18:10] <Zakim> +sanja; got it
  223. # [18:10] <Zakim> +hober
  224. # [18:10] <dael> gregwhitworth: We made the abspos change where it goes like 0,0 for flex items. Google docs has an issue. I posted the flipboard issue. I've got two bugs open against those.
  225. # [18:10] <dael> gregwhitworth: I don't know what we do because I understand why we have the change. I guess I wanted to maket he group aware of it.
  226. # [18:10] <Zakim> +Jerome
  227. # [18:11] <dael> fantasai: I thought the change was there to simplify what's going on. If the old behavior is what's useful we might want to go with that.
  228. # [18:11] * Bert zakim, jerome is me
  229. # [18:11] * Zakim +Bert; got it
  230. # [18:11] <dael> fantasai: I think we ran into issues with complexity where you have aplaceholder that has to follow layout and can't affect order and there's an invisable thing adding space so we took it out of flow.
  231. # [18:11] <dael> fantasai: If websites want this behaiour we need to dig into these cases.
  232. # [18:11] <dael> Rossen: I don't believe this is what people want, it's what people have. They're using what they have.
  233. # [18:12] <dael> Rossen: When we were discussing inSophia, we agreed the simplified algo gets us quicker to better interop. The abspos inline algo will be tricky, though everyone had a impl of it.
  234. # [18:12] * TabAtkins Man, who keeps pressing phone buttons?
  235. # [18:13] <dael> Rossen: I think what gregwhitworth is bringing is relivant and if we stick tot he current algo which I personally prefer, then the q is are the other impl going to follow soon. If they do this will basically dictate when content will change
  236. # [18:13] <dael> Rossen: Does that make sense?
  237. # [18:13] <dael> gregwhitworth: That's similar to what I was going to say. It's not that they were asking for a specfic use case, they just happened to fall into it.
  238. # [18:13] <Zakim> +??P12
  239. # [18:13] <tantek> zakim, ??p12 is me
  240. # [18:13] <Zakim> +tantek; got it
  241. # [18:14] <dael> gregwhitworth: It's an unfortunate thing. The sooner all other browsers change the devs will see it. I thinkw e should keep it because we're moving to better layout.
  242. # [18:14] <dael> fantasai: Okay.
  243. # [18:14] <dael> fantasai: What can we put to tell impl they need to change?
  244. # [18:14] <dael> gregwhitworth: Is TabAtkins on the call?
  245. # [18:14] <dael> TabAtkins: Yes.
  246. # [18:14] <dael> gregwhitworth: What do you think?
  247. # [18:14] <fantasai> s/What can we put to tell impl they need to change?/need to hear from other implementers/
  248. # [18:14] <dael> TabAtkins: I haven't had the change to check with my team.
  249. # [18:14] <dael> gregwhitworth: Why don't we circle back. dbaron isn't on.
  250. # [18:15] <dael> fantasai: While we're on flexbox, TabAtkins did you sort out the margins?
  251. # [18:15] <dael> TabAtkins: I couldn't figure out where so it was yesterday. Let me see if anyone commented.
  252. # [18:15] <dael> fantasai: That holds up pub.
  253. # [18:15] <dael> TabAtkins: No responce yet. I'll let you know when I do.
  254. # [18:15] <dael> fantasai: We'll have to come back next week.
  255. # [18:15] <dael> TabAtkins: Yes.
  256. # [18:15] <dael> Topic: CSS3 UI
  257. # [18:15] <Zakim> +??P0
  258. # [18:15] <dael> Florian: We just got a WD out
  259. # [18:16] <dael> Florian: Also I sent a mail about issue 69 which was the long standing one about box sizing.
  260. # [18:16] <Zakim> +deirdrelee
  261. # [18:16] <dael> Florian: I went through CSS 2.1 and figured out where everything should be and wrote the patch and put into CSS3 UI where it goes. WE don't need to discuss, but I appriciate review.
  262. # [18:16] <dael> Florian: I erred on more explicit.
  263. # [18:17] <Florian> https://lists.w3.org/Archives/Public/www-style/2015Feb/0357.html
  264. # [18:17] <dael> Florian: Things to discuss, issue 79
  265. # [18:17] <dael> Florian: CSS3 UI doens't define outline overlap. CSS2.1 does, but it gives 2 options. Does anybody remember why we have 2? All the browsers seem to do the same thing.
  266. # [18:17] <dael> tantek: That's desktop only.
  267. # [18:18] <dael> tantek: A lot of the loosness in outline has been based on experience on platforms where outline is essential for indicating user focus and that's not common on desktop. It's common on TV or other devices with directional nav like a remote
  268. # [18:18] <Zakim> -adenilson
  269. # [18:19] <dael> tantek: The rendering of the outline was left looser in CSS3 UI because platofrms needed it for better UI. This is where 2.1 specified too much precision. On some platforms we choose a better UI instead of strictly what CSS2.1 said.
  270. # [18:19] <dael> tantek: That's the experience from like early 2000 to now on nondesktop. It's important to keep that in and it's easy to forget since it's non-desktop specific.
  271. # [18:19] <dael> Florian: Okay.
  272. # [18:19] <dael> tantek: That's the history. Maybe we should have a note that mentions that. This isn't the first time it was mentioned.
  273. # [18:20] <Zakim> +??P3
  274. # [18:20] <dael> Florian: I'd go even futher since CSS UI doesn't replace. If we have a note saying we don't define it's only in 2.1 If you want looser it should be normative
  275. # [18:20] <dael> tantek: That makes sense.
  276. # [18:20] <adenilson> Zakim, ??P3 is me.
  277. # [18:20] <Zakim> +adenilson; got it
  278. # [18:20] <dael> Florian: Do you have examples of current non-desktop browser?
  279. # [18:21] <dael> tantek: Last I checked every set top box was violating it because it's more important to have the line visable to the user. It's not the easiest to set up, but I don't see why browsers would regress their UI
  280. # [18:21] <dael> Florian: I was just trying to figure out why one is looser than the other with no clear resolution. But do these TV UIs do the same and we can spec that?
  281. # [18:22] <dael> tantek: They did similar as of 10 years ago, but I don't have modern set top devices to check today. My presumption is they stayed similar, but I can't gaur. I wouldn't want to spec their behaviour.
  282. # [18:22] <dael> tantek: The other things is there's a lot of experimentations with Web VR and we're going to want hooks into CSS. Outline and focus behave even more differently in 3D. I don't see this convergine.
  283. # [18:23] <dael> tantek: Seeing the spectrum of implementation will broden. We can add some normative text to make it explicit that the stacking of focus outline is left to the impl to provide better user experience.
  284. # [18:23] <dael> Florian: I have no direct knowledge, but that sounds reasonable. I think it would be better.
  285. # [18:23] <dael> tantek: Since it's normative in 2.1 it needs to be normative here.
  286. # [18:24] <dael> tantek: Two use cases are setop boxes and web VR
  287. # [18:24] <dael> Florian: Anyone else have something to add?
  288. # [18:24] <dael> tantek: I would welcome input from anyone working on a non-desktop platform, especially if you have experience with outline rendering. More expereince gives us more data.
  289. # [18:24] <dael> plinss: Other opinions?
  290. # [18:25] <dael> RESOLVED: add some normative text to make it explicit that the stacking of focus outline is left to the impl to provide better user experience
  291. # [18:25] <dael> Florian: If we have more time, I'd like to do issue 78.
  292. # [18:25] <Florian> https://lists.w3.org/Archives/Public/www-style/2015Feb/0344.html
  293. # [18:25] * glazou sorry for bg noise
  294. # [18:25] <dael> Florian: This is about the directional focus prop
  295. # [18:26] <dael> Florian: The way it's written you can make something focus-able that wasn't before. It's not implicit, but it's intended that the focus connector will match. I think explicit wouldn't hurt.
  296. # [18:26] * Rossen is now known as Rossen_away
  297. # [18:26] <dael> tantek: Last time we discussed I thought we couldn't resolve on if you did a nav up, should it make the element focusable. Someone was arguing it should nav to the first focusable thing.
  298. # [18:26] * leaverou glazou Happy birthday!!
  299. # [18:26] <dael> Florian: That was fantasai disputing this. I think the current intent is what you say.
  300. # [18:26] <dael> Florian: The spec is currently implicit but ambig.
  301. # [18:26] * glazou thanks leaverou
  302. # [18:27] * tantek happy birthday glazou too!
  303. # [18:27] * glazou thx tantek !
  304. # [18:27] * Rossen_away is now known as Rossen
  305. # [18:27] <dael> Florian: We should make the intenet explicit and that a selector should match, but we should consider that it makes things unfocusable and focusable.
  306. # [18:27] <dael> tantek: I agree with your conclusion, but I wasnted to bring it up since it wasn't consensus. I want to be upfront witht he group that those are the idea on the table. Even if Florian and I agree, the group should know about the debate.
  307. # [18:28] <dael> tantek: I want the group to approve or tell us to do more.
  308. # [18:28] <dael> Florian: Both behaviours are useful and I'm not strongly minded about which. Which one should be the default I'm not sure.
  309. # [18:28] <dael> tantek: I'd rather a smart default instead of a switch unless there's a usecase that both are useful.
  310. # [18:29] <dael> tantek: From that prospective, consider this a call for examples or experience from anyone using directional focus prop, especially if you're using them for otherwise unnav-able properties.
  311. # [18:29] <dael> tantek: We haven't heard a lot so far.
  312. # [18:30] <dael> fantasai: Two other things. Existing impl may have content so we might not have a choice. Second is this interacts with HTML and a11y in widgets so those people might have feedback. Making something focusable without HTML, is that a thing we want in the web platform
  313. # [18:30] <dael> TabAtkins: In particular some things are only focusable when other things are the active focus.
  314. # [18:30] <fantasai> s/without HTML/without reflecting this in the HTML/
  315. # [18:30] <bcampbell> thanks for mentioning the a11y implications, would like to investigate further and help there.
  316. # [18:31] <dael> tantek: fantasai insight is correct thatwe might not have a choice if impl have converged here. If impl are different, then we can reaccess and understand why impl are different.
  317. # [18:31] <dael> tantek: IN that case, content across impl is unlikely
  318. # [18:32] <dael> Florian: In terms of current impl I think they do agree in terms of making unfocusable things focusable, but I don't know what depends on that. There's nuance. If yo're doing through the keyboard it works, bt not else.
  319. # [18:32] <dael> plinss: What does it mean to focus on something unfocusable? If it can't take imput what's the value?
  320. # [18:32] <dael> TabAtkins: You can always do tabindex=url
  321. # [18:32] <dael> tantek: That's already in the platform.
  322. # [18:32] <dael> plinss: Seems like a bug. Should we perpetuate.
  323. # [18:32] <gregwhitworth> IE: with tabindex-1 allows both active and focus to work
  324. # [18:33] <gregwhitworth> without, :active only works
  325. # [18:33] <dael> tantek: I think we'll find out through testing. I wouldn't block CR on this issue. Write a doc saying this is what we think, test, and see how it falls out. If the tests show impl converge the other way we don't have a choice
  326. # [18:33] <dael> fantasai: I think we should clearly document the issue and narrow the scope. WE're considering these ways, this is how we'll decide, here's the background data, now it's down to testing and impl.
  327. # [18:34] <dael> fantasai: That's what we need to push to CR>
  328. # [18:34] <dael> Florian: Sounds fair.
  329. # [18:34] <fantasai> s/need/can/
  330. # [18:34] <dael> tantek: I'm happy to have an informal note that saying we think it should work this way and we need to test.
  331. # [18:34] <dael> tantek: Normatively we should pick one so we can test and have an informative note that says we think this is right and we think this is what's being done, bt testing will reveal if that's true.
  332. # [18:35] <dael> tantek: I think we have an idea of what we want to do and we can have in the spec this is how you do this with informative.
  333. # [18:35] <dael> Florian: I do think this is the right way, but I think fantasai has a good point. I'm happy with the current, I'm okay with it, I'm not sure I prefer.
  334. # [18:35] <dael> tantek: If there's feedback before CR we'll take it and if it's after we'll take it.
  335. # [18:36] <dael> fantasai: I think you should ping HTML, a11y and maybe TAG for more feedback since it's a where's the boundry issue.
  336. # [18:36] <dael> plinss: I'd especially like to hear from a11y.
  337. # [18:36] <dael> TabAtkins: If you're doing a game UI or something, this is very useful. It shouldn't limit focus to things you can type into
  338. # [18:36] <Florian> clarifying my point above: I am ok with the current behavior, but I am not sure I prefer it over fantasai's suggestion, so I would definitely welcome author feedback (and feedback form HTML and accessibility)
  339. # [18:37] <Zakim> -kwkbtr
  340. # [18:37] <bcampbell> I am unable to cut in on the phone but can volunteer to bring this to a greater group for accessibility.
  341. # [18:37] <dael> fantasai: The issue isn't about focusability, the interesting question here is can CSS be a mech for this and can it be reflected any way in the DOM. If it's purely CSS that effects if this can be focused.
  342. # [18:37] <Zakim> +??P7
  343. # [18:37] <dael> tantek: I think TabAtkins disagreed with the game example, such as getting focus and then getting event.
  344. # [18:37] <kwkbtr> Zakim, ??P7 is me
  345. # [18:37] <Zakim> +kwkbtr; got it
  346. # [18:37] <dael> tantek: It might not be a bug.
  347. # [18:37] <fantasai> s/focusability/nature of focusability/
  348. # [18:37] <fantasai> s/can it be/without it being/
  349. # [18:38] <dael> Florian: Which is why I'm inclined to say both is reasonable and switch to one in the future.
  350. # [18:38] <fantasai> fantasai: Tab's example could be done with HTML
  351. # [18:38] <Florian> s/switch to one/we should have a swtich for it/
  352. # [18:38] <dael> tantek: I agree we shouldn't do a switch now. Tighten the language of the behavior and include an informative note about the behaviors we're considering and welcome input?
  353. # [18:38] <dael> plinss: Obj?
  354. # [18:39] <dael> fantasai: And also actively solicit input. Don't jsut put it in the spec and expect feedback.
  355. # [18:39] <dael> tantek: That's reasonable.
  356. # [18:39] <dael> RESOLVED: Tighten the language of the behavior and include an informative note about the behaviors we're considering and welcome/actively solicit input
  357. # [18:40] <fantasai> plinss++
  358. # [18:40] <dael> plinss: I accept that focusablitiy may be something you want only in CSS, but I don't like these features that are sideeffects of other features. I'd like us to create specific prop that say we're taking control of this. You can always have tha behavior actually set. I don't like magical properties that are side effects.
  359. # [18:40] * smfr has to drop off, sorry
  360. # [18:41] <Zakim> -smfr
  361. # [18:41] <dael> tantek: I think I had a prop in an earlier CSS3 UI and it was dropped for lack of interest or obj. What we're dealing with is we have directional nav supported. This seemed the best result. In general I agree with your philosophy. WE can try and introduc in 4.
  362. # [18:41] <dael> Florian: The switch you suggest is what I have in mind, so I agree.
  363. # [18:41] <dael> plinss: I think this is something for 4 since 3 is heading to CR.
  364. # [18:41] <dael> Florian: I think we're okay with CSS3. There's another, but it can go in e-mail.
  365. # [18:41] <dael> tantek: Is that clip?
  366. # [18:41] <dael> Florian: Yes.
  367. # [18:42] <dael> tantek: It does seem editorial. So yeah, that should be it.
  368. # [18:42] <dael> Topic: Allowing @import to be conditional on @supports queries
  369. # [18:43] <dael> TabAtkins: We have multi conditional rules, but the number of places that invoke media quesries explicitly only involke @media, so you can't import a stylesheet that has new features. Right now you have to include everything inline
  370. # [18:43] * fantasai TabAtkins link?
  371. # [18:43] <dael> TabAtkins: So my prop is extending the grammar to support the other conditional rules. You can do a straight meda query or you do a supports funtion.
  372. # [18:43] * fantasai finds it
  373. # [18:43] <fantasai> https://lists.w3.org/Archives/Public/www-style/2015Jan/0292.html
  374. # [18:44] <dael> TabAtkins: Boris pointed out that in order for this to be useful we'd have to be stricter in spec that says you don't load @imports speculatively. You only load if it matches.
  375. # [18:44] <dael> TabAtkins: So I propose to extend the @import grammar so it can support any grammar.
  376. # [18:44] <dael> TabAtkins: Also tighten up the lang in CSSOM as to where in the cascade we load conditionally imported style sheets
  377. # [18:44] <Bert> q+ to ask if *not* loading the style sheet is a security/privacy risk.
  378. # [18:44] * Zakim sees Bert on the speaker queue
  379. # [18:44] <dael> TabAtkins: Any comments? Otherwise I'd like a resolution
  380. # [18:45] <gregwhitworth> yes please!!!
  381. # [18:45] <dael> fantasai: Seems like a good idea.
  382. # [18:45] <dael> fantasai: It seems necessary and reasonable syntax. Add to cascade 4?
  383. # [18:45] <dael> TabAtkins: Yes, I'm fine with 4. This isn't urgent, it's useful.
  384. # [18:45] <plinss> ack bert
  385. # [18:45] <Zakim> Bert, you wanted to ask if *not* loading the style sheet is a security/privacy risk.
  386. # [18:45] * Zakim sees no one on the speaker queue
  387. # [18:46] <dael> Bert: I think it's a cool idea. I was wondering you said don't load the stylesheets because you're risking whatever. I think more and more loading unconditionally because privacy concerns. Do you not expose anything about your browser by not loading?
  388. # [18:46] <dael> TabAtkins: No more than you do with scripts
  389. # [18:46] <fantasai> TabAtkins, I think either Cascade 4 or Conditional 4 would make sense. Cascade lets you mess around with @import handling rules a little more directly.
  390. # [18:46] <dael> TabAtkins: Even without script you can use the standard put the BG image with a URL pointing to something on your server trick. There's no additional privacy concerns.
  391. # [18:47] <dael> plinss: It is part of the fingerprinting surface, but it's already exposed through other means.
  392. # [18:47] <fantasai> TabAtkins, Cascade 3 is in CR, pretty stable. Think it's fair to bikeshed 3, then fork off 4 to add this.
  393. # [18:47] <fantasai> (Would definitely bikeshed 3 first, so 3 is bikeshedded onto /TR)
  394. # [18:47] * leaverou is now known as leaverou_away
  395. # [18:47] <dael> Bert: BG images aren't conditional anymore. Webkit recently fixed BG of scrollbars because they were exposed. OKay. I jsut wanted to think about those.
  396. # [18:48] <dael> TabAtkins: If you have script, you can evaluate MQ whenever you want so exposing more doesn't hurt.
  397. # [18:48] <dael> fantasai: I'm thinking we should bikeshed cascade 3 and work up level 4 so we can maybe add this and also introduce default
  398. # [18:48] <dael> TabAtkins: We do need to add default
  399. # [18:48] <dael> plinss: Anyone object to adding @supports?
  400. # [18:48] * Florian sound distorting made it sound here like Bert said "Netscape recently fixed...." which was somewhat surprising :)
  401. # [18:49] <dael> RESOLVED: Add @supports to Cascade Level 4
  402. # [18:49] <dael> TabAtkins: Can we get a resolution for level 4 ED?
  403. # [18:49] <dael> fantasai: If you bikeshed 3 first and then fork it.
  404. # [18:49] * Florian s/distorting/distortion/
  405. # [18:49] <dael> TabAtkins: Yeah.
  406. # [18:49] <dael> RESOLVED: Create an ED for Cascade Level 4
  407. # [18:49] <dael> fantasai: Do people want to resoolve on default now?
  408. # [18:49] <tantek> Note: resolutions for CSS3-UI issues 78 and 79 captured https://wiki.csswg.org/spec/css3-ui#issue-78 and https://wiki.csswg.org/spec/css3-ui#issue-79 as discussed earlier in the telcon. Thanks for everyone's input.
  409. # [18:49] <dael> TabAtkins: I'd rather do that on the list.
  410. # [18:49] <dael> fantasai: Okay.
  411. # [18:49] <dael> plinss: Anything else?
  412. # [18:50] <dael> Topic: Logical border radius properties
  413. # [18:50] <fantasai> https://lists.w3.org/Archives/Public/www-style/2015Jan/0313.html
  414. # [18:50] <dael> TabAtkins: Was that fantasai or was that from cameron?
  415. # [18:50] <dael> plinss: Cameron brought it up.
  416. # [18:50] <fantasai> https://lists.w3.org/Archives/Public/www-style/2015Jan/0327.html
  417. # [18:50] <Zakim> -adenilson
  418. # [18:50] <dael> plinss: Anyone want to talk on it?
  419. # [18:50] <dael> Rossen: What about?
  420. # [18:50] <dael> fantasai: Naming conventions. border-block-start-order-????? is really wrong.
  421. # [18:51] <dael> fantasai: There was a convention to do block first. We would jsut want to resolve on that.
  422. # [18:51] <dael> TabAtkins: Sounds good to me.
  423. # [18:51] <dael> fantasai: I posted the proposal in IRC
  424. # [18:51] <TabAtkins> s/order-?????/inline-start-corner/
  425. # [18:51] <TabAtkins> s/-corner/-radius/
  426. # [18:52] <dael> plinss: Okay. Any thoughts about adding this?
  427. # [18:52] <dael> Rossen: Sounds reasonable.
  428. # [18:52] <Zakim> +??P3
  429. # [18:52] <dael> TabAtkins: As part of the logical prop it would logicalizing most things. It would be let's use this pattern for things that are extra long.
  430. # [18:52] <adenilson> Zakim, ??P3 is me.
  431. # [18:52] <Zakim> +adenilson; got it
  432. # [18:52] <dael> Rossen: fantasai and I have quite a bit of work on that spec. This is good input and makes sense.
  433. # [18:52] <dael> fantasai: This would be the pattern for things that reference corners
  434. # [18:52] <dael> plinss: Okay. Want a resolution?
  435. # [18:53] * Quits: svillar (~sergio@public.cloak) ("Ex-Chat")
  436. # [18:53] <dael> fantasai: Properties referencing corners dropt he axis mentions and go into the block access first, for example border-start-end-radius
  437. # [18:53] * Joins: svillar (~sergio@public.cloak)
  438. # [18:53] <dael> plinss: Obj?
  439. # [18:53] * tantek so many border-* properties
  440. # [18:53] <TabAtkins> s/access/axis/
  441. # [18:53] <dael> RESOLVED: Properties referencing corners drop the axis mentions and go into the block access first, for example border-start-end-radius
  442. # [18:54] <dael> Rossen: Is fantasai auto-sizing of ruby not on the agenda anymore?
  443. # [18:54] <dael> plinss: I think we did it at the F2F
  444. # [18:54] <dael> plinss: Anything else?
  445. # [18:54] <dael> fantasai: I have DoC for flexbox and a couple more issues were raised. Upcoming will be dealing with that, but it's mostly done
  446. # [18:54] <dael> plinss: That's a future call?
  447. # [18:54] <dael> fantasai: Yeah. Prob next week.
  448. # [18:55] <Zakim> -hober
  449. # [18:55] <Zakim> -TabAtkins
  450. # [18:55] <Zakim> -gregwhitworth
  451. # [18:55] <alex_antennahouse> bye
  452. # [18:55] <Zakim> - +1.860.479.aadd
  453. # [18:55] <Zakim> -BradK
  454. # [18:55] <Zakim> -dauwhe
  455. # [18:55] <Zakim> -adenilson
  456. # [18:55] <Zakim> -[Microsoft]
  457. # [18:55] <Zakim> -tgraham
  458. # [18:55] <Zakim> -glazou
  459. # [18:55] <Zakim> -fantasai
  460. # [18:55] <Zakim> -alex_antennahouse
  461. # [18:55] <Zakim> -Florian
  462. # [18:55] <dael> plinss: Alright, everyone gets 10 minutes.
  463. # [18:55] <Zakim> -kwkbtr
  464. # [18:55] <Zakim> -bcampbell
  465. # [18:55] <Zakim> -deirdrelee
  466. # [18:55] <Zakim> -tantek
  467. # [18:55] <Zakim> -plinss
  468. # [18:55] <Zakim> -sanja
  469. # [18:55] * Quits: AH_Miller (~mike@public.cloak) ("")
  470. # [18:55] <Zakim> -SimonSapin
  471. # [18:55] <Zakim> -Bert
  472. # [18:55] <Zakim> -dael
  473. # [18:55] <Zakim> -??P0
  474. # [18:55] * Quits: alex_antennahouse (~458c94ae@public.cloak) ("http://www.mibbit.com ajax IRC Client")
  475. # [18:55] <Zakim> -MikeMiller
  476. # [18:55] * Quits: kwkbtr (~kwkbtr@public.cloak) ("")
  477. # [18:55] * Quits: adenilson (~anonymous@public.cloak) (adenilson)
  478. # [18:56] * Quits: dael (~dael@public.cloak) ("Page closed")
  479. # [18:56] <sanja> Zakim, who is on the phone?
  480. # [18:56] <Zakim> On the phone I see +1.631.398.aabb
  481. # [18:56] <Zakim> - +1.631.398.aabb
  482. # [18:56] <Zakim> Style_CSS FP()12:00PM has ended
  483. # [18:56] <Zakim> Attendees were SimonSapin, glazou, +1.479.764.aaaa, Florian, plinss, dael, Rossen, dauwhe, [Microsoft], adenilson, gregwhitworth, fantasai, tgraham, +1.631.398.aabb, MikeMiller,
  484. # [18:56] <Zakim> ... alex_antennahouse, kwkbtr, smfr, bcampbell, +43.134.001.00aacc, BradK, +1.860.479.aadd, +1.281.305.aaee, TabAtkins, sanja, hober, Bert, tantek, deirdrelee
  485. # [18:56] * Parts: glazou (~glazou@public.cloak) (glazou)
  486. # [18:56] * plh-roof is now known as plh
  487. # [18:57] * Quits: sanja (~sanja@public.cloak) ("")
  488. # [18:57] * Quits: antenna (~antenna@public.cloak) ("Leaving")
  489. # [18:58] * Quits: gregwhitworth (~gregwhitworth@public.cloak) ("Page closed")
  490. # [19:00] * Quits: smfr (~smfr@public.cloak) (smfr)
  491. # [19:00] <tantek> hello bcampbell you had a question about nav-* props and a11y?
  492. # [19:00] * Quits: svillar (~sergio@public.cloak) (Ping timeout: 180 seconds)
  493. # [19:01] <bcampbell> hello tantek, yes. I am looking at the spec, just trying to understand the issue better so I can discuss with a11y experts on my side to better inform you.
  494. # [19:02] <bcampbell> As I understand it, the issue is whether to give items focus when stating a focus direction that were not going to get focus originally in the DOM?
  495. # [19:02] <bcampbell> as opposed to simply jumping from the original focussable items
  496. # [19:03] <TabAtkins> bcampbell: Right, 'nav-up' explicitly points to a target element that should receive focus when you do an "upwards" spatial navigation from the (focused) source element.
  497. # [19:03] <bcampbell> when I try the jsbin example, the paragraph does not get focus as it says it might.
  498. # [19:04] <tantek> bcampbell - try it with a div or span destination
  499. # [19:04] <TabAtkins> bcampbell: Note that desktop browsers dont' generally implement nav-*.
  500. # [19:04] <TabAtkins> Or do they?
  501. # [19:04] <tantek> and that
  502. # [19:04] <TabAtkins> Anyway, some TV browsers do.
  503. # [19:04] <bcampbell> Okay, but I can understand the issue without that working.
  504. # [19:04] <tantek> bcampbell: for any such test you need an "atomic" test first on the page that shows whether the property is supported *at all* in the browser you're using
  505. # [19:04] <Florian> bcampbell: yes. The currently implied behavior is to make the target of nav-* focusable if it wasn't before. A alternative would be to follow dom order, starting with children, order until you find a focusable element and focus that instead.
  506. # [19:04] <tantek> e.g. nav-right from one <a href> to another <a href>
  507. # [19:05] <tantek> which is the common case
  508. # [19:05] <tantek> so if you're testing a particular browser/implementation, start with that
  509. # [19:05] <tantek> the point is that as spec'd (and will be tightened), nav-* properties can make any element focusable as the destination of directional navigation
  510. # [19:06] <tantek> that has TWO impacts
  511. # [19:06] <tantek> 1. that element is in :focus
  512. # [19:06] <tantek> 2. that element receives events as focused elements do
  513. # [19:06] <tantek> TabAtkins pointed that out
  514. # [19:06] <Florian> TabAtkins: Presto Opera implements nav-* on desktop. Webkit needs a command line argument to activate it, but does implement spatial navigation on desktop
  515. # [19:06] <tantek> and the "obvious" use-case for that is games
  516. # [19:06] <TabAtkins> Florian: Ah, thanks.
  517. # [19:06] <tantek> which are typically an a11y challenge in general
  518. # [19:06] * leaverou_away is now known as leaverou
  519. # [19:06] <Florian> TabAtkins: Blink same as webkit, as the predates the fork
  520. # [19:06] <tantek> so if we can figure out how to make things better here for a11y, we can *try* to improve the situation with games
  521. # [19:06] <TabAtkins> Or, for example, SVG graphs.
  522. # [19:07] <TabAtkins> spatial navigation across graph links.
  523. # [19:07] <tantek> Florian - do you have a URL documenting how to activate WebKit directional navigation?
  524. # [19:07] <tantek> I'd like to link to those in the spec or at least wiki
  525. # [19:07] <tantek> both for a11y folks to try out
  526. # [19:07] <tantek> and for other implementers to play with while they themselves are implementing
  527. # [19:07] <tantek> e.g. FirefoxOS is looking at directional nav now
  528. # [19:08] <bcampbell> Would all the elements receive focus automatically or would you need to tag them as such? I'm assuming here that it would be automtic within the frame that all elements receive focus?
  529. # [19:08] <tantek> because of the growing number of different devices using it
  530. # [19:08] <tantek> or working on using it, e.g. TVs or those USB sticks that plug into tvs
  531. # [19:08] <bcampbell> yes, a working demo would be really great
  532. # [19:08] <tantek> bcampbell: yes I'm going to add a working example to the spec
  533. # [19:08] <tantek> as I have with other features
  534. # [19:08] <tantek> e.g. box-sizing, cursor, text-overflow
  535. # [19:09] <tantek> bcampbell: I don't know what you mean by within the frame
  536. # [19:09] <Florian> tantek: no url. Just entries in my bash history.
  537. # [19:09] <bcampbell> I was trying to use the draft language :)
  538. # [19:09] <TabAtkins> LIke, they're not tab-focusable (unless you use the tabindex attribute, or we reintroduce the dropped nav-index property).
  539. # [19:09] <bcampbell> right
  540. # [19:10] <tantek> Florian - maybe you could write up something brief on the CSSWG wiki?
  541. # [19:10] <tantek> or a blog post
  542. # [19:10] <Florian> actually, it looks like I was wrong, this seems to be a blink only feature, not a webkit one
  543. # [19:11] <Florian> open /Applications/Google\ Chrome.app --args --enable-spatial-navigation
  544. # [19:11] <bcampbell> Sorry, yes, it's a bit muddy to me now. For instance, if you put a nav-down on a button mid-way down a page, does everything after come into focus, just the next focusable element, or all things after the button.
  545. # [19:11] <Florian> tantek: which wiki page do you want this in?
  546. # [19:11] <TabAtkins> bcampbell: OH, you misunderstand the feature entirely!
  547. # [19:11] <bcampbell> oh geez, figures
  548. # [19:11] <TabAtkins> nav-down contains an ID of the element that'll be navigated to when you press down from the source element.
  549. # [19:11] <bcampbell> so I have it upside-down in my head
  550. # [19:12] <bcampbell> when you say "press down" you mean literally the down arrow (when talking keyboard).
  551. # [19:12] <TabAtkins> Yeah (or equivalent button on your input device).
  552. # [19:12] <bcampbell> ok, right
  553. # [19:13] <bcampbell> ok, this is coming together now thanks
  554. # [19:13] <bcampbell> and thus the question of widgets
  555. # [19:13] <TabAtkins> So I have #a { nav-down: #b; }, then if #a is focused, I can press Down to move the focus to #b.
  556. # [19:13] <bcampbell> that use arrows
  557. # [19:14] <tantek> Florian - probably a new one?
  558. # [19:14] <tantek> let me check
  559. # [19:15] <bcampbell> so they are not in the tab order, they are in a nav order, such as being in a nav-tree for a keyboard user
  560. # [19:15] <tantek> bcampbell: correct!
  561. # [19:15] <tantek> except I would say not in the *sequential or linear nav order* rather than *tab*
  562. # [19:15] <tantek> the *tab key* is just one way to do sequential or linear nav
  563. # [19:16] <bcampbell> yes
  564. # [19:16] <bcampbell> gotcha
  565. # [19:16] <tantek> tab / ctrl-tab to go backwards
  566. # [19:17] <Florian> A new one means no-one will find it, and then it isn't terribly useful. If there is a good place for info like this, I'll put it there. Otherwise, maybe this is the excuse I needed to get a (self hosted) blog :) The last one (a while ago) died when the host gave up on hosting.
  567. # [19:17] <tantek> Florian - not true about no one finding it
  568. # [19:17] <tantek> that's what links are for :)
  569. # [19:18] <tantek> and ++ to a self-hosted blog!
  570. # [19:18] <bcampbell> Ultimately this is for jumping around to elements non-sequentially
  571. # [19:18] <tantek> even if you just put up static HTML pages for now at stable permalinks
  572. # [19:18] <tantek> bcampbell: rather than "non-sequentially" - the point is, *directionally*
  573. # [19:18] <tantek> I prefer a positive framing
  574. # [19:18] <bcampbell> ok
  575. # [19:18] <tantek> rather than a "this is not x" framing
  576. # [19:18] <bcampbell> sure
  577. # [19:18] <bcampbell> sorry
  578. # [19:18] <bcampbell> cup is half full, that works for me
  579. # [19:18] <TabAtkins> There is a sequence, it's just not linear. ^_^
  580. # [19:19] <tantek> that ^^^
  581. # [19:19] <tantek> it's a 2D sequence
  582. # [19:19] <tantek> we may introduce a 3D sequence in the future :)
  583. # [19:19] <tantek> per webVR
  584. # [19:19] <bcampbell> I have to look at it the reverse, but what I really like to hear is what you just said, the purposes in a positive way so I can make valid arguments.
  585. # [19:19] <bcampbell> yes, quantum sequencing
  586. # [19:20] * Rossen is now known as Rossen_away
  587. # [19:20] <tantek> bcampbell: most UIs on TVs are 2D
  588. # [19:20] <tantek> think of DVD UIs for example
  589. # [19:20] <bcampbell> right
  590. # [19:20] <tantek> where you have a bunch of "hot" areas scattered around some graphic image, or moving background
  591. # [19:20] <bcampbell> and right now, generally, you can only arrow in the sequence of the tab order?
  592. # [19:20] <tantek> and you need a way to say, when you press the ">" button, it should go from focusing hot area A to hot area B
  593. # [19:20] <bcampbell> ok
  594. # [19:20] <tantek> on a DVD there is no tab order for example
  595. # [19:21] <tantek> there is ONLY directional nav
  596. # [19:21] <tantek> that's the experience we're talking about
  597. # [19:21] <bcampbell> makes sense
  598. # [19:21] <tantek> except instead of a DVD UI, imagine it's built in HTML
  599. # [19:21] <tantek> + CSS of course
  600. # [19:21] <tantek> but it could look exactly the same
  601. # [19:21] <tantek> I started mocking one up years ago
  602. # [19:21] <tantek> hmm maybe I should put it in the spec
  603. # [19:22] <bcampbell> I'm working on a11y implications in my head, but it would also probably be a general usability issue when talking about keyboards.
  604. # [19:23] <tantek> here: http://tantek.com/CSS/Examples/matrixdvdmenu.html
  605. # [19:24] <TabAtkins> tantek: Most DVD menus would just be a bunch of abspos images, of course. ^_^
  606. # [19:24] * tantek is impressed with TabAtkins's knowledge of "most DVD menus" ;)
  607. # [19:25] <TabAtkins> I've seen a lot of DVDs!
  608. # [19:25] <TabAtkins> They're all pretty consistent.
  609. # [19:25] <TabAtkins> In other words, they could all be described with SVG.
  610. # [19:26] <bcampbell> ignorant question: where is the crossover with tv interfaces and html/css?
  611. # [19:26] <bcampbell> Is DirectTv's interface in html?
  612. # [19:27] <bcampbell> or is this just an example for tv "on a browser" - or am I just lost and need more coffee?
  613. # [19:29] <tantek> TabAtkins: I know, let's just use SVG as the UI platform :P ;)
  614. # [19:29] <tantek> bcampbell: set top boxes from Microsoft (e.g. WebTV) since 2000s all have UI in HTML+CSS+JS
  615. # [19:30] <tantek> I personally worked on that 2000-2004.
  616. # [19:30] <tantek> and they've continued to the present day
  617. # [19:30] <bcampbell> Excellent. I was unaware what platform they have been on.
  618. # [19:31] <tantek> WebTV was the pioneer here
  619. # [19:31] <tantek> but they did most of it with custom HTML
  620. # [19:31] <tantek> the MSTV platform stuff was what I worked on, which used the Tasman rendering engine, and we built our UIs with proper (X)HTML+CSS+JS
  621. # [19:31] <tantek> some of the first set top boxes to do so (if not the first)
  622. # [19:31] <TabAtkins> I know there are more these days, but not sure of specifics. Generally, though, embedding WebKit as your UI layer is pretty common.
  623. # [19:31] <shepazu> Opera was used as the embedded UI (and browser) on many set-top boxes, with HTML+CSS+JS+SVG as the UI
  624. # [19:32] <tantek> there were also other industry-vertical specific attempts like DVB-HTML
  625. # [19:33] <shepazu> around 2003-2007, there were many set-top boxes using embedded SVG UAs as the UI, with the UI typically being SVG-Tiny 1.1 or 1.2
  626. # [19:33] <shepazu> I think (?) that faded off in 2008-2010, but I'm not sure
  627. # [19:33] <shepazu> BitFlash and Ikivo were big players in that space
  628. # [19:33] <shepazu> Opera too
  629. # [19:36] <tantek> bcampbell: here's further documentation: https://en.wikipedia.org/wiki/Tasman_%28layout_engine%29#Version_history specifically note "The Tasman engine is now used in the Microsoft TV Mediaroom Edition."
  630. # [19:37] <bcampbell> So, is directional navigation for this use case specifically?
  631. # [19:38] <bcampbell> and thank you, I find this very interesting and could get lost now for hours if it weren't for several more meetings I must not miss.
  632. # [19:38] <shepazu> Joost, an IPTV company, used SVG exclusively as it UI for the first iterations https://en.wikipedia.org/wiki/Joost
  633. # [19:39] <tantek> bcampbell: yes
  634. # [19:39] <shepazu> I think Joost might have moved to Silverlight later on
  635. # [19:39] <tantek> in fact it started in WebTV as proprietary extensions to HTML
  636. # [19:40] <tantek> but when we were looking at follow-on platform updates, e.g. for the UltimateTV and MSTV product lines, I worked actively on opening those features up, in proposals
  637. # [19:40] <tantek> hence the nav-* directional properties proposed in CSS3-UI back when I was working on set top boxes
  638. # [19:42] <bcampbell> I would think a creative designer could also figure out ways to leverage this in web apps/pages... the problem being the usual: devs hacking to save time, using things like this to fix the order rather than doing good code.
  639. # [19:45] <tantek> bcampbell: it is *definitely* a design problem
  640. # [19:45] <tantek> that's why we included it in the CSS
  641. # [19:45] <tantek> specifically *directional* 2D navigation is heavily tied to the layout of the elements
  642. # [19:45] <tantek> thus it makes sense to specify them in the same place, ergo style sheet
  643. # [19:46] <tantek> more important than an abstract notion of "separate behavior and presentation"
  644. # [19:47] <bcampbell> I think I see what you mean when you say 2D vs 3D ... you can have a widget literally on top of others, with layering... you could either tab to the next widget, or arrow to something somewhere else on the screen.
  645. # [19:47] <bcampbell> yeah, wow.
  646. # [19:50] <bcampbell> It would be interesting to see an example of directional nav surrounding other sequential nav with some widget there which uses the arrow keys, also.
  647. # [19:52] <tantek> bcampbell: with current display devices, only 2D or 2.5D really makes sense
  648. # [19:52] <tantek> maybe with some overlap
  649. # [19:52] <tantek> and hence sometimes the focus outline of something *in the back* showing up *on top* of stuff *in front*
  650. # [19:52] <tantek> but once we get to VR screens, all bets are off
  651. # [19:53] <tantek> designers are coming up with new ways to make webVR more usable than just an extension of the 2D/2.5D experience
  652. # [19:53] <tantek> thus we don't actually know yet what they'll settle on
  653. # [19:53] <tantek> they're still experimenting with UX!
  654. # [19:53] <bcampbell> ha
  655. # [19:53] <bcampbell> that's my thing
  656. # [19:54] <bcampbell> used to be
  657. # [19:55] <tantek> UX or VR?
  658. # [19:56] <bcampbell> Interaction - UX
  659. # [19:56] <bcampbell> HCI
  660. # [19:56] <bcampbell> I jumped into accessibility about a year ago
  661. # [19:58] <bcampbell> the usual story, web dev for many years, specialized in ux, then more into HCI (MS), consulted and now trying to use it all to help people with disabilities :)
  662. # [19:59] <bcampbell> thank you so much for clarifying this for me. I have to drop for another meeting, but would like to stay in this loop and can bring this to the a11y experts here, too, for help.
  663. # [20:04] * Joins: adenilson (~anonymous@public.cloak)
  664. # [20:10] * leaverou is now known as leaverou_away
  665. # [20:11] <tantek> bcampbell: that's a very logical progression. makes a lot of empathetic sense :)
  666. # [20:11] <tantek> I really appreciate you getting and bringing a11y perspective to our UI work. It's super important.
  667. # [20:12] * Quits: zcorpan (~zcorpan@public.cloak) (Client closed connection)
  668. # [20:12] * Joins: zcorpan (~zcorpan@public.cloak)
  669. # [20:12] <bcampbell> Thank you. It might sound funny but I'm honored to be involved and always hoping to have more time to be more involved than I am now.
  670. # [20:15] <bcampbell> Really hoping to be at f2f in NY, too.
  671. # [20:15] <tantek> I'm also happy we've got more people interested and participating in UI related discussions in CSS. For a while it seemed like no one else cared.
  672. # [20:16] <tantek> Hope to see you in NY also.
  673. # [20:18] * Quits: adenilson (~anonymous@public.cloak) (adenilson)
  674. # [20:27] * Joins: adenilson (~anonymous@public.cloak)
  675. # [20:35] * Quits: RRSAgent (rrsagent@public.cloak) (Ping timeout: 180 seconds)
  676. # [20:37] * Quits: BradK (~bradk@public.cloak) ("Buh bye")
  677. # [20:42] * Quits: zcorpan (~zcorpan@public.cloak) (Client closed connection)
  678. # [20:46] * Quits: andreyr (~andreyr@public.cloak) ("Page closed")
  679. # [20:47] * Quits: adenilson (~anonymous@public.cloak) (adenilson)
  680. # [20:47] * Joins: adenilson (~anonymous@public.cloak)
  681. # [21:05] * leaverou_away is now known as leaverou
  682. # [21:11] * Zakim excuses himself; his presence no longer seems to be needed
  683. # [21:11] * Parts: Zakim (zakim@public.cloak) (Zakim)
  684. # [21:12] * Quits: Florian (~Florian@public.cloak) (Client closed connection)
  685. # [21:12] * Joins: Florian (~Florian@public.cloak)
  686. # [21:15] * Quits: Florian (~Florian@public.cloak) (Client closed connection)
  687. # [21:17] * Joins: Florian (~Florian@public.cloak)
  688. # [21:21] * Quits: adenilson (~anonymous@public.cloak) (adenilson)
  689. # [21:29] * Quits: Florian (~Florian@public.cloak) (Client closed connection)
  690. # [21:58] * Joins: zcorpan (~zcorpan@public.cloak)
  691. # [21:58] * Quits: bcampbell (~chatzilla@public.cloak) ("ChatZilla 0.9.91.1 [Firefox 31.4.0/20150105205548]")
  692. # [22:11] * Joins: elijah_ (~elijah@public.cloak)
  693. # [22:11] * Quits: elijah_ (~elijah@public.cloak) ("Page closed")
  694. # [22:11] * Joins: elijah (~sid21431@public.cloak)
  695. # [22:11] <elijah> help
  696. # [22:12] <elijah> help?
  697. # [22:12] <elijah> channellist?
  698. # [22:15] * Rossen_away is now known as Rossen
  699. # [22:25] * Rossen is now known as Rossen_away
  700. # [22:26] <tantek> elijah what channel are you looking for?
  701. # [22:29] * Joins: Florian (~Florian@public.cloak)
  702. # [22:36] * Quits: Florian (~Florian@public.cloak) (Ping timeout: 180 seconds)
  703. # [22:42] * heycam|away is now known as heycam
  704. # [22:51] <elijah> tantek: was just trying to lurk on some more channels
  705. # [22:51] <elijah> tantek: I found a small list on the web so that is good to start; #css, #html-wg, #html, #webapps
  706. # [22:52] <tantek> that's a decent start yes
  707. # [22:52] <elijah> tantek: if you have any others that have activity from time to time that would be appreciated
  708. # [22:54] <tantek> elijah are you interested in social web related topics?
  709. # [22:56] <elijah> tantek: sure
  710. # [22:57] <tantek> feel free to lurk in #social also then
  711. # [22:57] <elijah> tantek: thanks!
  712. # [22:58] <tantek> np!
  713. # [23:11] * Quits: tantek (~tantek@public.cloak) (tantek)
  714. # [23:12] * Quits: Ms2ger (~Ms2ger@public.cloak) ("nn")
  715. # [23:16] * Quits: antonp (~Thunderbird@public.cloak) (antonp)
  716. # [23:26] * Quits: bkardell_ (~uid10373@public.cloak) ("Connection closed for inactivity")
  717. # [23:43] * leaverou is now known as leaverou_away
  718. # [23:47] * Joins: Florian (~Florian@public.cloak)
  719. # [23:47] * Joins: adenilson (~anonymous@public.cloak)
  720. # [23:54] * Quits: Florian (~Florian@public.cloak) (Ping timeout: 180 seconds)
  721. # Session Close: Thu Feb 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