Re: [css-grid] Containing block for abs.pos. grid items when the grid overflows

On Mon, Oct 5, 2015 at 5:18 AM, Manuel Rego Casasnovas <rego@igalia.com> wrote:
> Hi,
>
> On 10/08/15 01:43, fantasai wrote:
>> I believe this was resolved at the New York F2F
>>   https://lists.w3.org/Archives/Public/www-style/2015May/0280.html
>> and edited into the latest draft
>>   http://www.w3.org/TR/2015/WD-css-grid-1-20150806/
>
> Just one more question about this topic.
>
> So, if I got it right, it should be possible to have something like this:
> <div style="display: grid; grid-template-columns: 100px; width: 200px;
> padding: 50px; position: relative;">
>   <div style="position: absolute; grid-column: auto / 1;">item1</div>
> </div>
>
> And item1 should be placed inside the left padding itself, from 0px to
> 50px [*].

Yes.

> Also, if we've another abspos item:
>   <div style="position: absolute; grid-column: 2 / auto;">item2</div>
>
> Item2 should be placed using the right padding (from 150px to 300px).

Yes. (Tho the distance from 150px to 250px is an empty part of the
content box, not part of the padding. ^_^)

~TJ

Received on Thursday, 5 November 2015 00:45:08 UTC