22:08:45 RRSAgent has joined #fx 22:08:45 logging to http://www.w3.org/2015/02/10-fx-irc 22:08:54 RRSAgent, stay 22:11:22 dbaron has joined #fx 22:11:53 RRSAgent, make logs public 22:12:06 RRSAgent, this meeting spans midnight 22:12:58 Meeting: FXTF F2F, Sydney 2015 22:13:04 Chair: ed 22:14:25 glazou has joined #fx 22:14:30 liam has joined #fx 22:14:39 iank has joined #fx 22:14:41 Zakim has joined #fx 22:14:56 cyril has joined #fx 22:15:03 Zakim, this meetings spans over midnight 22:15:03 I don't understand 'this meetings spans over midnight', glazou 22:15:24 Zakim, this meeting spans over midnight 22:15:25 I don't understand 'this meeting spans over midnight', cyril 22:15:33 nikos has joined #fx 22:15:43 dino has joined #fx 22:16:09 RRSAgent, this meeting spans over midnight 22:16:09 I'm logging. I don't understand 'this meeting spans over midnight', cyril. Try /msg RRSAgent help 22:16:19 RRSAgent, this meeting spans midnight 22:16:29 RRSAgent, this is FXTF 22:16:29 I'm logging. I don't understand 'this is FXTF', heycam. Try /msg RRSAgent help 22:16:43 ScribeNick: heycam 22:16:44 Scribe: Cameron 22:16:51 zakim, this is fxtf 22:16:51 sorry, plinss, I do not see a conference named 'fxtf' in progress or scheduled at this time 22:17:18 Agenda: https://wiki.csswg.org/planning/sydney-2015 (Wednesday) 22:17:55 Topic: css3-ui 22:18:07 kwkbtr has joined #fx 22:18:19 gregwhitworth has joined #fx 22:18:26 tantek has joined #fx 22:18:35 Florian has joined #fx 22:22:54 https://lists.w3.org/Archives/Public/www-style/2015Feb/0243.html 22:22:58 hello 22:23:00 https://lists.w3.org/Archives/Public/www-style/2015Feb/0243.html 22:23:15 [css3-ui] box-sizing and replaced element intrinsic width and/or ratios 22:23:36 regarding this issue: https://wiki.csswg.org/spec/css3-ui#issue-69 22:23:51 tantek: the first email I posted a couple of test cases 22:24:16 ... each has an HTML file and three SVG elements 22:24:33 ... the first one we should bring up is the replaced element test case 22:24:34 rbyers has joined #fx 22:24:51 ... it shows what happens in three different cases of embedding SVG as an image that has intrinsic width and ratio, or just intrinsic width, or just intrinsic ratio 22:24:58 ... and what happens when you apply the max-height property to it 22:25:06 ... shows interaction of CSS 2.1 width computations and embedding replaced SVG element 22:25:23 ... I want to start with this example because it's all stuff that should "just work" across browsers, btu we found differences that merit questions 22:25:29 ... before we decide what box-sizing should do in these cases 22:25:40 roc has joined #fx 22:25:41 [florian projects replaced-element-001.html] 22:25:49 Tav has joined #fx 22:26:00 stakagi has joined #fx 22:26:55 stakagi has joined #fx 22:26:57 tantek: in doing these tests we didn't find any differences between Blink and Safari 22:27:27 ... there are some interesting things going on here 22:27:28 dbaron has joined #fx 22:27:34 ... I put the style rules that are taking place at the top 22:27:39 ... that apply to each SVG element 22:27:46 ... then the SVG markup inline so you can see what the source is 22:27:57 ... my understanding is that the top row should all be yellow square 22:28:00 ... 150x150 px 22:28:04 ... it looks like IE is doing the wrong thing there 22:28:05 murakami_ has joined #fx 22:28:08 ... by not maintaining the aspect ratio 22:28:11 ... that's in the SVG file 22:28:18 ... first, I want to verify that that's correct and that it's a bug in IE 22:28:26 fantasai: so the specified width is 100px? 22:28:29 tantek: no the intrinsic width is 22:28:35 fantasai: and the specified width is not specified? 22:28:39 tantek: correct 22:28:49 dbaron: and it has a viewBox such that it has an intrisic ratio of 1:1 22:29:04 Florian: and there is max-height: 100px that shouldn't take effect 22:29:10 ... but if you look at IE it seems to be doing something 22:29:17 ... both IE and safari are doing strange things on the bottom 22:29:51 tantek: I want to check with SVG people that these cases are buggy in the browsers 22:30:00 https://lists.w3.org/Archives/Public/www-style/2015Feb/0243.html 22:30:14 SimonSapin has joined #fx 22:30:57 gregwhitworth: in Edge the top yellow one is fixed, the bottom one is the same as Firefox/Presto 22:31:01 jun has joined #fx 22:31:05 Florian: so that confirms the IE cases I'm looking at are bugs 22:31:11 ... IE11 22:31:20 AndreyR_ has joined #fx 22:31:27 tantek: so latest IE11 and latest Safari are buggy in handling intrinsic ratio, but not intrinsic width/height 22:31:41 ... and Chrome does the same as Safari, so Blink/WebKit must be the same 22:31:45 dbaron: Safari is buggy on the third case 22:31:54 fantasai has joined #fx 22:32:06 xidorn has joined #fx 22:32:39 smfr has joined #fx 22:32:41 heycam: we had a big discussion about SVG sizing last year at a F2F 22:32:54 ... I don't remember the details except that we resolved on Firefox's behaviour modulo some corner cases 22:33:27 tantek: so Edge has these fixed, and I'm hoping that WebKit/Blink can fix the third sub-test 22:33:54 ... so this isn't the actual issue I want to discuss; just want to get a baseline about which behaviour is correct 22:34:08 ed: I think the behaviour on the left side is what we want 22:34:56 krit: people who are very familiar with this topic are not in this room so I would like to consult them 22:35:58 ACTION: Dirk to confirm that the Firefox/Presto behaviour of this SVG sizing test is correct and get back to Tantek 22:35:59 Created ACTION-87 - Confirm that the firefox/presto behaviour of this svg sizing test is correct and get back to tantek [on Dirk Schulze - due 2015-02-17]. 22:36:28 shane has joined #fx 22:36:33 tantek: so we'll switch to box-sizing-replaced-element-001.html 22:36:53 second test here: https://lists.w3.org/Archives/Public/www-style/2015Feb/0243.html 22:36:53 file name box-sizing-replaced-element-001.html 22:37:04 tantek: what the box-sizing property allows you to do is change what width/height properties do 22:37:11 ... you can make them include the borders and padding of the element 22:37:21 ... so if you want to figure out the content width you would subtract the border/padding 22:37:30 ... any question about box-sizing:border-box? 22:37:38 ... (default behaviour is content-box) 22:37:54 http://dev.w3.org/csswg/css-ui-3/#propdef-box-sizing 22:38:00 tantek has left #fx 22:38:06 tantek has joined #fx 22:38:13 hello? 22:38:37 tantek: in this one, because box-sizing is set to border-box, now the 40px solid transparent border kicks in, and cuts out from the max-height 22:38:49 Florian: we still have an SVG file with an intrinsic width of 100 and a viewBox ratio of 1:1 22:38:55 tantek: identical SVG files to the previous test 22:39:14 ... the three subtests are in the same order as the previous test 22:39:15 jet|aus has joined #fx 22:39:23 dbaron: I think the firefox behaviour on the second subtest is clearly buggy 22:39:41 ... I think we're applying to the box-sizing to the width that is coming from inside the SVG, which we should not be doing 22:39:50 fantasai: are these embedded cases? 22:39:52 Florian: SVG in 22:40:10 ... as far as we can tell Presto is doing the right thing here 22:40:19 tantek: we think that is the desired result, so we want to check 22:40:21 dbaron: I agree 22:40:29 fantasai: should be equivalent to max-height:110px? 22:40:31 Florian: max-height:70px 22:40:46 tantek: on the first row we have IE and Safari agreeing on the wrong thing 22:40:57 ... so we just want to confirm our assumption on which is right/wrong 22:41:08 fantasai: one thing making it more confusing is that the content box height is different 22:41:20 ... so if you put border:25px max-height:200px you should get the same result as the previous test 22:41:31 ... the boundary of the width of the SVG is 100px, in the prev test you were above that, in this test you're below that 22:41:35 ... so you're triggering different cases 22:41:47 ... I think you should test in all cases above the trigger point, or all below the trigger point 22:41:57 ... the behaviour differenes might be due to something other than max-height 22:42:19 tantek: so we changed just one property to see what happens 22:42:26 fantasai: the numbers you picked made it change more than one thing 22:42:30 tantek: that was unintentional 22:42:38 s/ed: I think the behaviour on the left side is what we want/ed: I think the behaviour on the left side (Firefox and Presto) is what we want/ 22:42:58 gregwhitworth: Edge is matching Firefox here 22:43:41 tantek: change the border to 25px max-height to 200px 22:43:47 s/tantek/fantasai/ 22:43:56 fantasai: we should also test this situation, btw 22:44:11 gregwhitworth: chrome is doing the same as firefox on my windows laptop 22:44:22 ... v40 22:44:39 ... so this may end up being an issue with them talking to our compositor 22:44:53 ... right now on windows, firefox / edge ie / chrome have interop 22:44:58 ... on the second case 22:45:04 Filed Gecko bug https://bugzilla.mozilla.org/show_bug.cgi?id=1131812 22:45:40 dbaron: in the second case I believe we have some code that extracts a width that's specified embedded in an SVG, and applies that to the sizing outer of the img element 22:45:48 ... because that's kind of how the sizing algorithm works 22:45:59 ... so we're taking the width from the SVG, applying it to the img element, then applying box-sizing 22:46:09 Florian: so doing the same thing as if the SVG was embedded inline in the HTML? 22:46:10 dbaron: yes 22:46:34 Florian: if that were the case the box would be 20px wide wouldn't it? 22:46:34 ... and it looks more than that 22:46:41 dbaron: yeah... 22:46:53 new test with fantasai suggested changes: https://lists.w3.org/Archives/Public/www-style/2015Feb/0245.html 22:46:54 Windows SVG Test: http://imgur.com/xbHMI0r 22:47:04 dbaron: OK I'm not sure what's happening then. but I think it's buggy. 22:47:16 tantek: I just sent the updated test that fantasai asked for to www-style 22:47:27 file name box-sizing-replaced-element-002.html 22:48:03 dbaron: this would be a lot easier if you emailed the individual files as attachments of the one email 22:49:15 tantek: so now this test has fewer effective changes as -001.htm 22:50:16 fantasai: so this test -002 now looks identical to the first thing we looked at 22:50:29 gregwhitworth: IE edge matches Firefox/Presto here 22:50:40 Florian: which is the same as Safari except for the third case 22:50:47 ... so it's just a bug in Safari 22:51:03 tantek: which is why we wanted to show you without box-sizing, to show the WebKit's handling of intrinsic ratio is buggy 22:52:00 tantek: if we can agree here what behaviour we want florian and I will specify it 22:52:16 Florian: once box-sizing gets involved, if we don't apply min/max width/height it's not explicit, but still not ambiguous 22:52:26 ... but with min/max-width/height, we need to specify something 22:52:32 ... I think Presto has reasonable behaviour 22:53:02 krit: this is something we should clarify with SVG the correct behaviour 22:53:05 Florian: what is missing on the SVG side? 22:53:16 krit: at least consensus on how viewBox etc. should operate on an SVG in 22:53:33 Florian: is there anything other than SVG that can give an intrinsic width, ratio, but no height? 22:53:58 Florian: the spec says if you have an intrinsic width, do this. if you have width and ratio, do this. ... 22:54:04 tantek: CSS has explicit clauses for each of these cases 22:54:17 krit: this is with intrisic width and ratio, but not intrinsic height? 22:54:18 Florian: yes 22:54:24 ... we haven't got to intrinsic height but no width yet 22:54:38 krit: ok then the left two browsers are right 22:55:01 cyril: in the cases where the square is a rectangle and not a square, do you know if there's a bug in the rendering of the SVG and the aspect ratio is not preserved... 22:55:17 ... and the box is filled with the SVG content? 22:55:33 dino: for all three we need a circle in the SVG to see whether the bottom one is being clipped or stretched 22:56:02 Florian: so can we use something other than SVG for testing here? 22:56:03 tantek: no 22:56:19 dino: as Dirk is saying, it's not well defined. it also has its own rules for preserving aspect ratio internally inside its viewBox. 22:56:40 tantek: we're trying to look at this from the point of view that implementations are converging, so we'd like to follow them 22:56:47 dbaron: I think this is well defined now 22:56:49 tantek: in SVG? 22:57:02 fantasai: I remember the SVG WG saying that it's totally clear, or that they would fix it 22:57:09 ... so either that didn't happen or someone's confused 22:57:16 krit: in this case we also didn't discuss object-fit 22:57:22 Florian: that's not involved yet. but we will discuss that later. 22:57:39 krit: that is the case for inline SVG. for we haven't had the discussion yet. 22:57:58 ... we likely should have the same rules for inline and in 22:58:10 Florian: the way they start interacting with CSS is different 22:58:19 tantek: the width attribute in inline is not intrinsic but specified 22:58:25 ... so that's very different for these sizing computations 22:59:03 width/height in an inline SVG is both specified and intrinsic size 22:59:22 SVG specifies that it's the intrinsic size, and CSS specifies that it's the specified style 23:00:08 http://tavmjong.free.fr/SVG/SCHILLER/html 23:00:34 Tav: these are some tests I made from a few years ago, with SVG sizing in img, iframe, etc. 23:01:51 dbaron: what are we trying to accomplish right now? 23:02:29 Florian: tantek and I have an idea on patching the spec that seems reasonable. we want to see if it matches reality and that others agree. 23:02:35 ... if none of the browsers is doing the right then, then... 23:02:43 dbaron: what are the questions about how to integrate box-sizing? 23:02:50 Florian: as long as you don't involve max-height/width, it's easy 23:03:05 ... once you have a bit of an algorithm and lots of rules for width height, it doesn't say which width height to work on 23:03:15 dbaron: I think that algorithm should be interpreted as working on content box sizes 23:03:23 hyojin_ has joined #fx 23:03:29 ... there might be other implementation bugs that are worth discussing separately 23:03:47 ... I think the box-sizing spec update should be done because that's how it should work 23:04:09 fantasai: is there any question in what you want to specify? 23:04:28 Florian: unless someone strongly believes a non-Presto behaviour is right, no 23:04:50 fantasai: that's fine 23:04:56 tantek: we didn't expect this many bugs :-) 23:05:03 dbaron: the SVG sizing stuff is pretty recently specced 23:06:48 Just found out the