W3C home > Mailing lists > Public > public-css-archive@w3.org > November 2017

Re: [csswg-drafts] [css-align][css-grid] Baseline self-alignment may affect the intrinsic size contribution of the alignment subject.

From: Manuel Rego Casasnovas via GitHub <sysbot+gh@w3.org>
Date: Thu, 30 Nov 2017 22:39:21 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-348344216-1512081560-sysbot+gh@w3.org>
If I got it right, my previous example in comment  https://github.com/w3c/csswg-drafts/issues/1039#issuecomment-300149400 would be covered by #1365. As the percentage height of the item depends on the height of the track so the element won't participate in the baseline alignment.

So let's use a new example that will be fixed thanks to this edit.
```html
<div style="display: inline-grid; border: solid thick;
            grid-template-rows: 100px 100px; grid-auto-flow: column; justify-items: baseline;">
  <div style="font-size: 100px; background: magenta; writing-mode: vertical-lr;">Foo</div> 
  <div style="font-size: 30px; background: cyan; writing-mode: vertical-lr;">Bar baz baa barr bazz baaa</div> 
  <div style="grid-row: span 2; background: yellow;">foobar</div> 
</div>
```

I'm attaching an image with the result in the different browsers and the output with the current proposal.
![Output of the previous example in the different browsers and current proposal](https://user-images.githubusercontent.com/11602/33458696-852b0c02-d627-11e7-8496-d95e62724d04.png)

In this case all browsers will need to update their implementation.


-- 
GitHub Notification of comment by mrego
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1039#issuecomment-348344216 using your GitHub account
Received on Thursday, 30 November 2017 22:39:23 UTC

This archive was generated by hypermail 2.3.1 : Thursday, 30 November 2017 22:39:23 UTC