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