Mouse Over Telerik Calendar Throws Off Page Layout

2 posts, 0 answers
  1. Daniel
    Daniel avatar
    1 posts
    Member since:
    Apr 2015

    Posted 23 Apr 2015 Link to this post

    We have a page which has a div at the top with some links and a Telerik Calendar control.  Below we have a large grid of divs in a layout mimicking a spreadsheet. 

    When the page loads for the first time everything works fine.  Then when you click on the "More" button, the js makes a remote scripting call back to the server to get more rows for our scrolling spreadsheet.  The page returns and fills the divs associated with the "spreadsheet" with the updated data.  The problem is that now when the user mouses over the calendar, the whole div that contains the calendar jumps down 3 lines or so.  When debugging the page, I've noticed that the call that seems to be throwing off the alignment is the call to the following code.

    Is there any way stop the code I've pasted below from firing when mousing over the calendar control or else to stop this code from disrupting the layout of the divs on an update the the divs in the DOM?

    Sys.UI.DomEvent = function Sys$UI$DomEvent(eventObject) {
        /// <summary locid="M:J#Sys.UI.DomEvent.#ctor" />
        /// <param name="eventObject"></param>
        /// <field name="altKey" type="Boolean" locid="F:J#Sys.UI.DomEvent.altKey"></field>
        /// <field name="button" type="Sys.UI.MouseButton" locid="F:J#Sys.UI.DomEvent.button"></field>
        /// <field name="charCode" type="Number" integer="true" locid="F:J#Sys.UI.DomEvent.charCode"></field>
        /// <field name="clientX" type="Number" integer="true" locid="F:J#Sys.UI.DomEvent.clientX"></field>
        /// <field name="clientY" type="Number" integer="true" locid="F:J#Sys.UI.DomEvent.clientY"></field>
        /// <field name="ctrlKey" type="Boolean" locid="F:J#Sys.UI.DomEvent.ctrlKey"></field>
        /// <field name="keyCode" type="Number" integer="true" locid="F:J#Sys.UI.DomEvent.keyCode"></field>
        /// <field name="offsetX" type="Number" integer="true" locid="F:J#Sys.UI.DomEvent.offsetX"></field>
        /// <field name="offsetY" type="Number" integer="true" locid="F:J#Sys.UI.DomEvent.offsetY"></field>
        /// <field name="screenX" type="Number" integer="true" locid="F:J#Sys.UI.DomEvent.screenX"></field>
        /// <field name="screenY" type="Number" integer="true" locid="F:J#Sys.UI.DomEvent.screenY"></field>
        /// <field name="shiftKey" type="Boolean" locid="F:J#Sys.UI.DomEvent.shiftKey"></field>
        /// <field name="target" locid="F:J#Sys.UI.DomEvent.target"></field>
        /// <field name="type" type="String" locid="F:J#Sys.UI.DomEvent.type"></field>
        var e = Function._validateParams(arguments, [
            {name: "eventObject"}
        ]);
        if (e) throw e;
        var ev = eventObject;
        var etype = this.type = ev.type.toLowerCase();
        this.rawEvent = ev;
        this.altKey = ev.altKey;
        if (typeof(ev.button) !== 'undefined') {
            this.button = (typeof(ev.which) !== 'undefined') ? ev.button :
                (ev.button === 4) ? Sys.UI.MouseButton.middleButton :
                (ev.button === 2) ? Sys.UI.MouseButton.rightButton :
                Sys.UI.MouseButton.leftButton;
        }
        if (etype === 'keypress') {
            this.charCode = ev.charCode || ev.keyCode;
        }
        else if (ev.keyCode && (ev.keyCode === 46)) {
            this.keyCode = 127;
        }
        else {
            this.keyCode = ev.keyCode;
        }
        this.clientX = ev.clientX;
        this.clientY = ev.clientY;
        this.ctrlKey = ev.ctrlKey;
        this.target = ev.target ? ev.target : ev.srcElement;
        if (!etype.startsWith('key')) {
            if ((typeof(ev.offsetX) !== 'undefined') && (typeof(ev.offsetY) !== 'undefined')) {
                this.offsetX = ev.offsetX;
                this.offsetY = ev.offsetY;
            }
            else if (this.target && (this.target.nodeType !== 3) && (typeof(ev.clientX) === 'number')) {
                var loc = Sys.UI.DomElement.getLocation(this.target);
                var w = Sys.UI.DomElement._getWindow(this.target);
                this.offsetX = (w.pageXOffset || 0) + ev.clientX - loc.x;
                this.offsetY = (w.pageYOffset || 0) + ev.clientY - loc.y;
            }
        }
        this.screenX = ev.screenX;
        this.screenY = ev.screenY;
        this.shiftKey = ev.shiftKey;
    }

     

     

     

    I've been wrestling with this for several day now, so any thoughts or ideas are much appreciated!

    Daniel

  2. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    1800 posts

    Posted 28 Apr 2015 Link to this post

    Hello Daniel,

    I am not sure how the code snippet of the Sys.UI.DomEvent is related to our controls and I have to say that without further information it would be difficult to determine what is causing the problem on your side.

    Can you please open a regular support ticket and attach a sample, runnable project that replicates the problem, so we can test it locally and investigate the issue.


    Best Regards,
    Konstantin Dikov
    Telerik
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top