Re: [csswg-drafts] [css-inline] add explicit width and height to initial-letter

The Working Group just discussed `applying width/height to initial-letter`, and agreed to the following:

* `RESOLVED: accept sizing properties for initial-letter`

<details><summary>The full IRC log of that discussion</summary>
&lt;fantasai> Topic: applying width/height to initial-letter<br>
&lt;fantasai> github: https://github.com/w3c/csswg-drafts/issues/863<br>
&lt;fantasai> https://github.com/w3c/csswg-drafts/commit/4893b213ff17a4c8deab181c6997b47b93972911<br>
&lt;frremy> fantasai: request from tantek<br>
&lt;frremy> fantasai: seemed reasonable<br>
&lt;frremy> fantasai: we would like the group to review the proposal<br>
&lt;fantasai> https://drafts.csswg.org/css-inline-3/#initial-letter-model 2nd bullet<br>
&lt;frremy> dbaron: in case of alignment, what gets aligned into what?<br>
&lt;frremy> TabAtkins: the letter aligned inside the box<br>
&lt;frremy> dbaron: the aligment properties are not specified to apply?<br>
&lt;frremy> fantasai: well, we use them in the algo, we just forgot to mention it<br>
&lt;frremy> fantasai: we can fix this<br>
&lt;frremy> dbaron: why is that useful?<br>
&lt;frremy> TabAtkins: it's super useful for width<br>
&lt;frremy> dbaron: seems true, but for height this is more concerning<br>
&lt;frremy> dbaron: because now you have to align with the lines and take the height into consideration<br>
&lt;dauwhe__> using width and text-align with initial-letter https://usercontent.irccloud-cdn.com/file/G7EqH0Jd/tantek.png<br>
&lt;frremy> fantasai: you create a box around the glyph<br>
&lt;frremy> fantasai: from there, they are locked, and there are two ways to align this box<br>
&lt;frremy> fantasai: the exclusion however always use the glyph bounding box<br>
&lt;frremy> dbaron: globally, this seems reasonable<br>
&lt;frremy> dbaron: it's more complex than the last time I looked, but this still looks fine<br>
&lt;frremy> fantasai: there was already an similar feature before<br>
&lt;frremy> fantasai: (explains why you needed to do this in the past)<br>
&lt;frremy> koji: two days ago, we said the exclusion space is created only for the second line<br>
&lt;frremy> koji: so if you say margin-top: 30px, how does that work?<br>
&lt;frremy> fantasai: it pushes the entire block, including the initial letter<br>
&lt;frremy> fantasai: the first line is positioned with the glyph<br>
&lt;frremy> fantasai: details for how that would work is another issue, which we will address later, let's not discuss this<br>
&lt;frremy> fantasai: but since the initial letter and the first line are locked, the initial letter will never sunk further than the first line<br>
&lt;frremy> Rossen: so unlike other inline, the initial letter's margin has an effect on layout<br>
&lt;frremy> koji: does that margin collapse?<br>
&lt;frremy> fantasai: waaaiiiiiiiiiiiiiiiiiiiiiiiit :)<br>
&lt;frremy> fantasai: let's not discuss this today<br>
&lt;frremy> fantasai: let's push this to tpac<br>
&lt;frremy> Rossen: ok, so were are we towards getting a resolution<br>
&lt;frremy> fantasai: review and accept the edit allowing width/height/alignment<br>
&lt;frremy> dauwhe: and we do have good use cases for this stuff<br>
&lt;frremy> Rossen: any objection?<br>
&lt;frremy> (no objection)<br>
&lt;frremy> RESOLVED: accept sizing properties for initial-letter<br>
</details>


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

Received on Thursday, 5 July 2018 02:16:53 UTC