Re: [csswg-drafts] [css-sizing] intrinsic-size lost the thread 🙁 (#4531)

The CSS Working Group just discussed `intrinsic-size`, and agreed to the following:

* `RESOLVED: add a property called contain-intrinsic-size`

<details><summary>The full IRC log of that discussion</summary>
&lt;TabAtkins> Topic: intrinsic-size<br>
&lt;astearns> github: https://github.com/w3c/csswg-drafts/issues/4531<br>
&lt;emilio> ScribeNick: emilio<br>
&lt;emilio> chrishtr: in december we discussed and concluded that if we couldn't find other use cases we should add a property specific to the size-contained case<br>
&lt;emilio> ... since then dbaron has come up with some use-cases related to scrolling<br>
&lt;emilio> ... so now the question is what to do with this information<br>
&lt;emilio> ... whether adding two separate properties (which I'd recommend), or just one<br>
&lt;emilio> dbaron: I would've preferred one property, but if you found a decent name for the contain-specific one I'm ok with two<br>
&lt;emilio> astearns: what's the name of that?<br>
&lt;emilio> chrishtr: contain-intrinsic-size, credit to fantasai<br>
&lt;fantasai> If there are two properties, what's the interaction?<br>
&lt;emilio> TabAtkins: none or two lengths<br>
&lt;emilio> (or one)<br>
&lt;fantasai> should be a shorthand for the various sizing longhands<br>
&lt;emilio> TabAtkins: re. interaction: This only interact iff the element is size-contained<br>
&lt;fantasai> right, but that could happen<br>
&lt;emilio> ... so I think the most consistent behavior would be that the contain-specific one wins, as contain: size already prevents a lot of other sizing-related calculations<br>
&lt;fantasai> it doesn't prevent 'width' and 'height' from doing things<br>
&lt;emilio> astearns: fantasai also asked about it being a shorthand for the sizing props<br>
&lt;fantasai> so I'm not convinced about that<br>
&lt;emilio> TabAtkins: definitely disagree with it being a shorthand<br>
&lt;fantasai> e.g. contain-intrinsic-width<br>
&lt;TabAtkins> specifically, since our use-cases want the "general" to do things like cause scrollbars, which is similar to it having a big child, and contain:size alreayd ignores children, I think it's most consistent to have contain:size cause that to be ignored.<br>
&lt;emilio> TabAtkins: ah, ok, sure...<br>
&lt;fantasai> ?<br>
&lt;emilio> fantasai: (about the shorthand thing)<br>
&lt;smfr> do we need contain-intrinsic-aspect-ratio too?<br>
&lt;emilio> dbaron: do we also want logical versions?<br>
&lt;fantasai> smfr, no<br>
&lt;emilio> TabAtkins: I guess so, we'd all all of them<br>
&lt;fantasai> smfr, aspect-ratio already exists, why would we need contain-intrinsic-aspect-ratio?<br>
&lt;emilio> chrishtr: what happens if you only specify one of them? The current proposal doesn't allow that<br>
&lt;emilio> Rossen: auto?<br>
&lt;emilio> TabAtkins: there's no auto<br>
&lt;fantasai> chrishtr, same in that dimension as if you didn't specify the property?<br>
&lt;emilio> TabAtkins: given we need 4 longhands and such, can we skip it for now and see if it's necessary later?<br>
&lt;emilio> chrishtr: I don't see downsides with that<br>
&lt;fantasai> as long as the shorthand is consistent with the size shorthand ...<br>
&lt;fantasai> which we still don't have<br>
&lt;emilio> TabAtkins: we have good behavior turning something into a longhand later<br>
&lt;emilio> into a shorthand*<br>
&lt;fantasai> There's also an issue around what order the values go in, if there are two of them<br>
&lt;emilio> astearns: issues, concerns?<br>
&lt;TabAtkins> fantasai, yes, I imagine it'll be consistent.<br>
&lt;fantasai> @page { size: width height; } is currently the order there<br>
&lt;TabAtkins> fantasai: and yes indeed, we'll discuss which order to put the things in<br>
&lt;fantasai> which puts us inconsistent with grid shorthand and alignment ...<br>
&lt;emilio> RESOLVED: add a property called contain-intrinsic-size<br>
&lt;fantasai> which is a mess, because we didn't listen to bradkemper<br>
&lt;chris_> rrsagent, here<br>
&lt;RRSAgent> See https://www.w3.org/2020/01/24-css-irc#T16-55-26<br>
&lt;emilio> TabAtkins: we should try to decide the order between the values<br>
&lt;emilio> ... I think we should do block/inline<br>
&lt;fantasai> I think we should do width/height<br>
&lt;fantasai> because all of our shorthands are physical<br>
&lt;fantasai> because 'size' is already physical in paged media<br>
&lt;fantasai> and it's width/height<br>
&lt;fantasai> and physical shorthands with two axes are width/height<br>
&lt;fantasai> not height/width<br>
&lt;emilio> emilio: I think I agree with fantasai<br>
&lt;emilio> TabAtkins: we're going to be inconsistent with some amount of properties regardless<br>
&lt;emilio> ... because we have examples of both<br>
&lt;fantasai> Not really<br>
&lt;fantasai> Everything with physical longhands is consistent<br>
&lt;fantasai> everything that doesn't is consistent<br>
&lt;fantasai> the two sets are inconsistent<br>
&lt;fantasai> and size has physical longhands<br>
&lt;fantasai> so it goes in the first category<br>
&lt;emilio> TabAtkins: we can defer this to the next meeting and discuss in the issue with now<br>
&lt;emilio> emilio: should we discuss now the other use cases that dbaron brought?<br>
&lt;emilio> TabAtkins: if dbaron wants, sure<br>
&lt;fantasai> My 2nd worst mistake in CSS is definitely the ordering of the grid shorthand<br>
&lt;emilio> dbaron: not sure we need to right now<br>
&lt;emilio> TabAtkins: ok, we mostly wanted to see whether these concepts were separable<br>
</details>


-- 
GitHub Notification of comment by css-meeting-bot
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4531#issuecomment-578214122 using your GitHub account

Received on Friday, 24 January 2020 16:59:52 UTC