IE9 overflow:auto causes container div to grow on hover

[GoogleCodeExporter]

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

Original issue reported on code.google.com by timw...@gmail.com on 30 Dec 2011 at 6:46

[GoogleCodeExporter]

Original comment by moo...@wwwendt.de on 30 Dec 2011 at 7:11

• Added labels: Milestone-Release1.2.1

[GoogleCodeExporter]

Original comment by moo...@wwwendt.de on 7 Jan 2012 at 10:06

• Changed state: Accepted

[GoogleCodeExporter]

This issue was closed by revision r582.

Original comment by moo...@wwwendt.de on 8 Jan 2012 at 12:07

• Changed state: Fixed

[GoogleCodeExporter]

Thanks for the fix. It seems a general issue for IE9.

Original comment by Nobody...@gmail.com on 28 Aug 2012 at 3:08

[GoogleCodeExporter]

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).

Original comment by thomas.g...@gmail.com on 30 Dec 2013 at 9:07

[GoogleCodeExporter]

see here
https://code.google.com/p/dynatree/issues/detail?id=470

Original comment by moo...@wwwendt.de on 4 Jan 2014 at 5:17

[GoogleCodeExporter]

It works. 
Thank you.

Original comment by tadic.bojan on 10 Jun 2014 at 6:49