Issue 263: IE9 overflow:auto causes container div to grow on hover
Status:  Fixed
Owner: ----
Closed:  Jan 2012
Reported by timw...@gmail.com, Dec 30, 2011
What steps will reproduce the problem?
1. Go to http://wwwendt.de/tech/dynatree/doc/sample-quick.html
2. Add overflow:auto;width:100px; to <div id="tree">
3. Test hovering over nodes in the tree and watch the div grow vertically

Fix is simple:
1. Open ui.dynatree.css
2. Add height:100%; to ul.dynatree-container

Version is 1.2.1 or 1.2.1.rc2
Dec 30, 2011
Project Member #1 moo...@wwwendt.de
(No comment was entered for this change.)
Labels: Milestone-Release1.2.1
Jan 7, 2012
Project Member #2 moo...@wwwendt.de
(No comment was entered for this change.)
Status: Accepted
Jan 8, 2012
Project Member #3 moo...@wwwendt.de
This issue was closed by revision r582.
Status: Fixed
Aug 27, 2012
#4 Nobody...@gmail.com
Thanks for the fix. It seems a general issue for IE9.
Dec 30, 2013
#5 thomas.g...@gmail.com
I'd like to ask for this issue to be reopened, since there is a regression. 

Using the current release (jquery.dynatree-1.2.5-all.zip) I have the following issue:
 
The tree div expands to the height of the screen, which breaks the layout of the page. It also causes a vertical scroll bar to appear, since the browser window is lower than the div. The height is the same until I add more nodes, and the div needs even more height. 

The problem can be reproduced with the "4.2.6 Initializing the tree structure programmatically" example, using the includes from "3. Quick start" in "dynatree-doc.html"

The issue can be observed with IE10 (Windows Vista), Opera 18 (Android), Chrome 31 (Android, Windows Vista, and Linux 32bit), and the Android 4.04 standard browser (AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Safari/534.30).

In these browsers mentioned above the div expands as expected if I remove the setting *height: 100%* from the IE9 fix.

Opera 12.16 (Linux 32bit), and Firefox 26 (Linux 32bit) tolerate the IE9 fix. All the browsers I testes work OK when I remove the *height* property. I couldn't test IE9, though. 

Proposed correction: remove the IE9 fix. An alternative fix for the IE9 might work with browser detection (a line of jQuery code should do it).
Jun 9, 2014
#7 tadic.bojan
It works. 
Thank you.