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

Scheduler Scroll Position Shift (jump)

8 Answers 144 Views

Scheduler

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

Felipe Saldana asked on 03 Mar 2010, 05:32 PM

I am stumped on this one.

    
            <%@ Page Language="C#" AutoEventWireup="true"  %> 
        
            <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title></title> 
        
                <style type="text/css"> 
        
                    .rsToday, .rsDatePickerActivator 
        
                    { 
        
                        visibility:hidden !important; 
        
                    } 
        
                </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <asp:ScriptManager ID="sm" runat="server"></asp:ScriptManager> 
        
                 <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> 
        
                    <AjaxSettings>             
        
                        <telerik:AjaxSetting AjaxControlID="scheduler"> 
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="scheduler" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting>             
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManager> 
        
                <table cellpadding="0" cellspacing="0" border="1"> 
        
                    <tr><td style="height:900px"></td></tr> 
        
                    <tr> 
        
                        <td> 
        
                            <telerik:RadTextBox ID="txt" runat="server"></telerik:RadTextBox> 
        
                            <asp:RequiredFieldValidator ID="val" runat="server" ControlToValidate="txt" Text="*" ErrorMessage="" Display="Dynamic" InitialValue="1"></asp:RequiredFieldValidator> 
        
                        </td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td> 
        
                            <telerik:RadScheduler runat="server" ID="scheduler" SelectedView="MonthView" DataRecurrenceField="none" DataRecurrenceParentKeyField="none" DataKeyField="none" DataSubjectField="none" DataStartField="none" DataEndField="none"> 
        
                            </telerik:RadScheduler> 
        
                        </td> 
        
                    </tr> 
        
                </table> 
        
                </form> 
        
            </body> 
        
            </html>

On a very tall page, scroll to the bottom of the page then change the month in the scheduler. I have found that in IE, Safari, and Chrome the entire page will shift (jump) to the top of the page changing the scroll position. Then after a pause set the focus back on the scheduler.

The strange part is that if I take out the RequiredFieldValidator the page does not shift (jump). Rather the month changes and the page stays at the same scroll position.

Can a single RequiredFieldValidator truly be causing the bug?

Any help would be appreciated.

Thanks,

Felipe

8 Answers, 1 is accepted

answered on 12 Mar 2010, 03:38 PM

Hello Felipe,

The RequiredFieldValidator inserts a bit of Javascript near the end of the page that is executed when the page is still being parsed by the browser, even before client components (like RadScheduler) begin initializing. This slows the parsing of the page slightly which results in the visible 'jump' of the scroll position. Unfortunately, there is not much we can do in this case.

Sincerely yours,
Dimitar Milushev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

answered on 28 Dec 2010, 03:29 PM

Hi Prabha and Felipe,

We managed to track down this issue. Seems when RequiredFieldValidator checks if the value is valid doesn't check if it handles the correct event and reverts the navigate prevention of RadScheduler header tabs. To fix this add this function to your script, it should override the original one and will not revert the event return value if it has been canceled:

function ValidatorCommonOnSubmit() {
    Page_InvalidControlToBeFocused = null;
    var result = !Page_BlockSubmit;
    if ((typeof(window.event) != "undefined") && (window.event != null) && window.event.returnValue) {
        window.event.returnValue = result;
    }
    Page_BlockSubmit = false;
    return result;
}

Unfortunately there's not much we can do to prevent this issue in our controls since it happens outside of their scope.

Best wishes,
Kamen Bundev
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.