5.2.1 Upgrade issue

[jhughesoneplan]

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"

[mats]

How can we reproduce this? What browser are you using?

[walterko]

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

[alex.l]

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

[walterko]

Ok, thanks, that works!
BR, Walter

[jhughesoneplan]

I am using taskboard and gantt together.

I tried this and thin appears to not be umd version. Is there a thin umd version?

[marcio]

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

[clovisapp]

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 };

[tasnim]

Hi,

Could you please upload a react app here wrapping in a zip so we can run it locally and reproduce it?

Best regards,
Tasnim

[mats]

@clovisapp Were you able to solve the issue?