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

Detail Template Bug, Opening Detail Template, Scrolling up to View row details, then changing Tabs

2 Answers 25 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Bill
Top achievements
Rank 1
Bill asked on 21 Jan 2014, 10:13 PM
Kendo Support, 

There's a bug in the kendo grid detail template that is caused by using the scroll bar and switching tabs...

The following steps reproduce the problem:
1.) Open a browser and open the page http://demos.kendoui.com/web/grid/detailtemplate.html. 
2.)  Move the scroll bar all the way to the bottom of the grid.
3.) Open the row details of the 'Steven' record.
4.) Scroll up so that the details of the 'Steven' row can be seen.
5.) Click on the 'Contact Information' tab....

Voila...

The grid should maintain the scrolltop = scrollheight of  'k-grid-content', but instead moves the scrolltop position up.

Take a look and let me know what you find...

Bill

2 Answers, 1 is accepted

Sort by
0
Vladimir Iliev
Telerik team
answered on 23 Jan 2014, 02:24 PM
Hi Bill,

After reviwing the demo it seems that this behavior is expected as the tabStrip in the detail template has no "height" set - that way when the tabs are swtiched the animation shrinks the content to "1px" and then exapnds it again. You can prevent that behavior by setting either the "height" or "min-height" of the tabStrip

Regards,
Vladimir Iliev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Bill
Top achievements
Rank 1
answered on 23 Jan 2014, 05:03 PM
Vladimir,

Adding height to the divs under the tab strip helped to maintain scroll position better and got rid of the shrinking and expanding in the example.  Thanks for your feedback.

Bill
Tags
Grid
Asked by
Bill
Top achievements
Rank 1
Answers by
Vladimir Iliev
Telerik team
Bill
Top achievements
Rank 1
Share this question
or