Bug 111977 – Growing a position:absolute element in a position:relative one in a table does not update scrollHeight

• Status: RESOLVED
• Resolution: FIXED
• Component: Layout and Rendering

[Xavier Morel]

Created attachment 192447 [details]
Test case for growing the element by setting its height

* An element in position: absolute inside an element in posiiton: relative inside a table structure (table > tr > td)
* The element is programmatically grown either explicitly (.style.height) or by adding sub-elements
* The element's height results in it growing out of the current viewport

Expected: a scrollbar appears on the page to see the bottom of the element's content (works in Opera, Firefox)
Observed: no scrollbar appears (or the scrollbar does not update if there is already one) unless a complete refresh is forced (e.g. by resizing the browser)

JSFiddle test case: http://jsfiddle.net/7v39e/ (click "grow" button to add 100px to the cyan element)
See also attachment test cases.

[Xavier Morel]

Created attachment 192448 [details]
Test case for growing the element by adding new children elements to it

[Xavier Morel]

Forgotten note: tested in Safari 5.1.7 (OSX 10.6, Webkit 534.57.2) and Chrome 25.0.1364.160 (OSX 10.6, Webkit 537.22) as well as Mobile Safari 5.1 (iOS 5.1.1, Webkit 534.46).

Non-webkit browser tests performed on Firefox 19.0.0 (OSX 10.6), Firefox 19.0.2 (OSX 10.6) and Opera 12.11 (OSX 10.6)

[Robert Hogan]

Created attachment 193785 [details]
Patch

[Dave Hyatt]

Comment on attachment 193785 [details]
Patch

r=me

[WebKit Review Bot]

Comment on attachment 193785 [details]
Patch

Clearing flags on attachment: 193785

Committed r147019: <http://trac.webkit.org/changeset/147019>

[WebKit Review Bot]

All reviewed patches have been landed.  Closing bug.