W3C home > Mailing lists > Public > www-style@w3.org > March 2013

[css3-flexbox] alignment and overflow:scroll

From: Tony Chang <tony@chromium.org>
Date: Mon, 11 Mar 2013 15:56:38 -0700
Message-ID: <CAL-=4P1JgGj3yQbiie25y3-v0F8Vh9QsX+uuKEN7Ab_RX6x5Xw@mail.gmail.com>
To: "www-style@w3.org" <www-style@w3.org>
I'm confused about the order in which we apply alignment and overflow on
the flexbox.  Here's an example with stretching:

<div style="display: flexbox; overflow: scroll; height: 100px;">
  <img intrinsic-height=200px>
</div>

Should the image resize to a height 100px with no scrollbar on the flexbox
or should the image stay at 200px and the flexbox get a scrollbar?

Here's a similar example:
<div style="display: flexbox; overflow: scroll; height: 100px;">
  <img intrinsic-height=200px style="item-align: flex-end">
</div>

Where is the cross-end?  Is it the bottom of the flexbox (100px), causing
the flexbox to overflow out the top, or should the scrollable area extend
to 200px tall?

Should absolutely positioned flex items also increase the size of the
scrollable area and change the position of cross-end?  This is further
confused in the wrap-reverse case where the cross-start is the bottom of
the flexbox (we need to resolve absolute position to determine the
scrollable area size, but absolutely positioned items will move during
wrap-reverse after we've computed the scrollable area size).

Thanks,
tony
Received on Monday, 11 March 2013 22:57:06 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:21:06 GMT