Hi,
I am using Kendo react grid in my project. It work fine in my local, but produces the following error on scrolling the grid after build and deployment.
Uncaught TypeError: Cannot read properties of null (reading 'element')
at p (drag-n-drop.js:84:24)
at useDraggable.js:149:9
at HTMLDivElement.<anonymous> (useDraggable.js:217:9)
Why am I getting this error after build and how is it working fine in my local? Please suggest a way to resolve this.
Regards
Mansi
Hi,
After all sorts of tests, I came to the final conclusion.
When I work this way:
<telerik:RadButton
Content="Clone"
Command="{Binding RelativeSource={RelativeSource AncestorType=UserControl}, Path=DataContext.CloneCommand}"
CommandParameter="{Binding}">
</telerik:RadButton>
The Command is called properly.
But when I put it inside RadDropDownButton:
<telerik:RadDropDownButton>
<telerik:RadDropDownButton.DropDownContent>
<telerik:RadButton
Content="Clone"
Command="{Binding RelativeSource={RelativeSource AncestorType=UserControl}, Path=DataContext.CloneCommand}"
CommandParameter="{Binding }" >
</telerik:RadButton>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
The Command doesn't fire
Would appreciate help,
Thanks,
Hello to all,
I am stuck in a problem where files are loading at a time and the FileManager control is taking some time to load so is there any other way like "Lazy Loading" or "Custom Pagination" that I can do to improve loading speed?
Thank you.
Hi,
I am using a Kendo React Window in the following way:
import React, {useContext, useEffect, useState} from 'react'
import { Window } from '@progress/kendo-react-dialogs';
const IncidentSummary = (props) => {
const TitleComponent = (props) => {
return <div style={{
fontSize: "large",
fontWeight: "bold",
marginLeft: "2vw",
}}>
{props.title}
</div>;
};
const close = () =>{
return <div></div>
}
return (
<div>
<Window className='is-window' title={<TitleComponent title={"Summary"}/>} initialLeft={70} initialHeight={"28vh"} initialWidth={"90vw"} initialTop={430} style={{boxShadow:'3px 3px 11px 0 #b6b7b9', border:"2px double black", backgroundColor:"rgb(252,252,252)"}} closeButton={close} draggable={false}>
<span>Content</span>
</Window>
</div>
)
}
export default IncidentSummary
With following styling:
.is-window .k-window-titlebar { background: black; border: 1.5px solid black; color: white; width:auto; padding-bottom: 0.2% !important; padding-top: 0.2% !important; height: 3.5vh !important; }
I observe that following things are working fine in my local, but are causing problems after build and deployment:
1. The Scrollbar doesn't appear even when the content inside the window has more height than the window max-height after build and deployment
2. The Title Summary is not coming up to be vertically center aligned even though it is aligned properly in local.
What could be the reason for these issues and how could I resolve them?