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,

I have a React app. If I want to build this I get an error

Failed to compile.

./node_modules/@progress/kendo-theme-default/dist/all.css
ParserError: Expected closing parenthesis at line: 1, column 5

however, when i check all.css it looks ok.

how can i fix this?

https://www.telerik.com/kendo-react-ui/components/scheduler/api/SchedulerProps/#toc-style

    <Scheduler data={events} style={{
      borderColor: 'red', height: '100vh'
    }}>
      <AgendaView />
      <TimelineView />
      <DayView />
      <WorkWeekView
        title="Work Week"
        workWeekStart={Day.Monday}
        workWeekEnd={Day.Friday}
      />
      <WeekView title="Full Week" />
      <MonthView />
    </Scheduler>

The height is always 600px

how to add % to the caption on the side, and create a chart legend icon like below

how to add % to the caption on the side, and create a chart legend icon like below

I put the Grid Container component above the Chart component in the hope that the child(Chart) component can follow the height of its parent, why isn't this working?

here is my code snippet

<TabPanel value={value} index={0} dir={theme.direction}>
   <Grid container spacing={3} className={styles['card']}>
      <Grid item xs={12} sm={6}>
          <ChartPredictionAnalytic />
       </Grid>
       <Grid item xs={12} sm={6}>
           <ChartAccuration />
       </Grid>
    </Grid>
</TabPanel>

Hi, how can I modify the excel export from the docs and add a footer cell I don't know how to include it in the excel export.

Please someone can show me how to do it? 

https://stackblitz.com/edit/react-9cw5ko?file=app/main.jsx

I've generated a React app that uses TypeScript and only added kendo-theme-material and I get warnings when building the production build. Since our CI system is set to fail on warnings it will stop the build and not continue. I don't want to ease up on that rule. I think that kendo-theme-material shouldn't give any warnings.

How should this be handled? It is a bit tricky to submit bug reports without a license and we don't want to buy a license for a component that isn't working as it should.

Reproduce:

npx create-react-app kendo-app --template redux-typescript
npm install --save @progress/kendo-theme-material

Add to App.tsx:

import '@progress/kendo-theme-material/dist/all.css';

Run:

npm start build

static/css/main.17a367f8.css from Css Minimizer plugin
postcss-svgo:: Non-whitespace before first tag.

> 1 | %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='50…
    | ^
 webpack://./src/index.css:1:0

static/css/main.17a367f8.css from Css Minimizer plugin
postcss-svgo:: Non-whitespace before first tag.

> 1 | %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='50…
    | ^
 webpack://./src/index.css:1:0