I have an application based around a Kendo treeview, which displays fairly complex hierarchical data (with html passed via a kendo datasource).
This works fine in IE 8,9 and 10, and also Chrome. However, when using IE7 (or IE8 in compatibility mode), there are two issues:-
- If the number of parent items exceeds the div height, the treeview isn't clipped (although the div scrollbar is shown), resulting in the treeview overwriting other interface elements.
- Initially the expand arrows are shown, but all except the top level arrows have a tendency to disappear when hovered over.
The treeview is defined as a div:-
And then initialised on the page load:-
The drag/drop option is set via the .NET MVC view bag, based upon a users permissions.
Unfortunately, IE7 is still the default browser for most of the users who will use this application, and it would be nice to enable the application to work with it, rather than have to get them all to upgrade.