Bug 164946 - Vertical (column) flexbox does not correctly position resized elements after flex elements
Summary: Vertical (column) flexbox does not correctly position resized elements after ...
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Dave Hyatt
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2016-11-18 12:27 PST by Keanu Lee
Modified: 2017-02-28 10:35 PST (History)
3 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Keanu Lee 2016-11-18 12:27:41 PST
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.
Comment 1 Radar WebKit Bug Importer 2016-12-01 12:37:40 PST
<rdar://problem/29464651>
Comment 2 Dave Hyatt 2016-12-06 14:41:06 PST
This is some kind of invalidation issue, since resizing (e.g., via Command +) fixes the layout to be correct.
Comment 3 Dave Hyatt 2017-02-28 10:35:23 PST
Fixed by changes to merge in with Blink code.