I just upgraded to 5.2.1 and am receiving the following error:
gantt.umd.min.js:10 Uncaught TypeError: Cannot delete property 'fixed' of #<MouseEvent>
at HTMLDivElement.p
It appears to be during a "delete e.fixed"
Hi,
I have the same issue, also with 5.2.2. You can reproduce it, if you add both gantt.umd.js and grid.umd.js.
I have attached a sample that demonstrates the issue.
BR, Walter
We are strongly recommend using thin bundles when combining products. If you have to use umd, you can import both grid & gantt from gantt's bundle.
https://bryntum.com/docs/gantt/guide/Gantt/build-production#vanilla-javascript-applications
All the best,
Alex
Hey jhughesoneplan,
Have you checked this guide?? I believe will help you with that matter https://bryntum.com/docs/gantt/guide/Gantt/build-production#vanilla-javascript-applications
Best regards,
Márcio
Hi guys,
We have the same issue here, I read the doc above it doesn't work, we use React, and the error starts when installing the Calendar
...
"dependencies": {
...
"@bryntum/calendar": "npm:@bryntum/calendar-trial@5.6.2",
"@bryntum/calendar-react": "5.6.2",
"@bryntum/gantt": "5.0.5",
"@bryntum/gantt-react": "5.0.5",
"@bryntum/schedulerpro": "5.0.5",
"@bryntum/schedulerpro-react": "5.0.5",
...
}
We wrap the Components and pass a ref
import type { BryntumCalendar } from "@bryntum/calendar-react";
import * as React from "react";
import { SentryReact } from "~/config/sentry";
import { SafeArea } from "~/design-system/SafeArea";
import { ScrollableContent } from "~/screens/App/components/Layout";
import { Screen } from "~/screens/App/components/Layout/Screen";
import { Calendar } from "./components/Calendar";
function CalendarScreen() {
const calendarRef = React.useRef<BryntumCalendar>(null);
return (
<Screen title={"Calendar"}>
<ScrollableContent fullHeight>
<SafeArea>
<SentryReact.ErrorBoundary
beforeCapture={(scope) => {
scope.setTag("ScreenError", "CalendarScreenError");
}}
>
<Calendar calendarRef={calendarRef} />
</SentryReact.ErrorBoundary>
</SafeArea>
</ScrollableContent>
</Screen>
);
}
export { CalendarScreen };