This is a migrated thread and some comments may be shown as answers.

The magically expanding TreeView DIV

5 Answers 135 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Jerry
Top achievements
Rank 1
Jerry asked on 28 Sep 2011, 09:15 PM
When my treeview is expanded far enough to cause a horizontal scrollbar to appear, hovering over any node in the tree causes the treeview's div to expand vertically.

I've attached before and after images.  The only diference is that in the after image, I waved my mouse over the nodes in the tree a few times.  I'm not seeing any change in the HTML...  I can;t figure out how or why the div is expanding.  But it's definitely the div named for the ID of the treeview.  And if the treeview text width does not cause the horizontal scroll bar, then the div doesn't expand.

Is this, by any chance, a known issue?

Thanks.

J

5 Answers, 1 is accepted

Sort by
0
Jerry
Top achievements
Rank 1
answered on 28 Sep 2011, 11:45 PM
Further testing shows the problem exists in IE9 (Horizontal scroll bar appears.)
I could not duplicate it in Safari. (Horizontal scrollbar appears.)
No problem in IE 9 with compatibility mode enabled. (Horizontal and Vertical scrollbars appear.)
0
Alex Gyoshev
Telerik team
answered on 30 Sep 2011, 03:44 PM
Hello Jerry,

We are not aware of such a problem. Does it happen in the online demos too? If not, please send a sample project that shows the issue.

Best wishes,
Alex Gyoshev
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the Telerik Extensions for ASP.MET MVC, subscribe to their blog feed now
0
Jerry
Top achievements
Rank 1
answered on 30 Sep 2011, 06:50 PM
If you remove all of the specified widths and inline block display styling then, yes, it does happen in the online demo.  You just have to force the tree to have content wider than its container.  Using IE dev mode (F12) I removed all of the widths, etc and I do get the same strange behavior.
0
Jerry
Top achievements
Rank 1
answered on 30 Sep 2011, 07:20 PM
Sample project attached....  Run it in IE9.  Make the window pretty thin and then expand Abyss product until the horizontal scroll bar appears.  Then just hover over the tree and move the mouse around.
0
Alex Gyoshev
Telerik team
answered on 05 Oct 2011, 01:02 PM
Hello Jerry,

The following CSS should solve the problem:

.t-treeview-lines {
    float: left;
}


All the best,
Alex Gyoshev
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the Telerik Extensions for ASP.MET MVC, subscribe to their blog feed now
Tags
TreeView
Asked by
Jerry
Top achievements
Rank 1
Answers by
Jerry
Top achievements
Rank 1
Alex Gyoshev
Telerik team
Share this question
or