Bug 164946
| Summary: | Vertical (column) flexbox does not correctly position resized elements after flex elements | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Keanu Lee <webkit> |
| Component: | Layout and Rendering | Assignee: | Dave Hyatt <hyatt> |
| Status: | RESOLVED FIXED | ||
| Severity: | Normal | CC: | hyatt, simon.fraser, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | WebKit Nightly Build | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Keanu Lee
In vertical flexbox (e.g. `display: flex; flex-direction: column`), fixed-sized elements (i.e. not flex) that are placed after a flex-sized elements are not repositioned if their size has changed (e.g. by setting the text content of the fixed-sized element). In this example, the bottom fixed-sized div gets it's text (and thus given height) after initially layout which is not accounted for (as of WebKit Nightly r208586):
http://jsbin.com/hururo/edit?html,output
Expected: The flex-sized element is resized, and the text appears inside the box.
Actual: The text appears outside the box.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/29464651>
Dave Hyatt
This is some kind of invalidation issue, since resizing (e.g., via Command +) fixes the layout to be correct.
Dave Hyatt
Fixed by changes to merge in with Blink code.