Skip to content

pattern-fill module crashes with Highcharts 12 + Gantt bundle (animObject undefined) #558

@emil-ep

Description

@emil-ep

Description

When using Highcharts v12.5.0 with the Gantt bundle (highcharts/highcharts-gantt) and the pattern-fill module (highcharts/modules/pattern-fill), the application crashes with the following error:

Uncaught TypeError: Cannot destructure property 'animObject' of 'c(...)' as it is undefined at pattern-fill.js:13 at ...

Steps to reproduce

  1. Install Highcharts v12.5.0 and React wrapper:
    npm install highcharts@12.5.0 @highcharts/react

  2. Import Highcharts Gantt bundle and pattern-fill:
    import Highcharts from 'highcharts/highcharts-gantt'; import PatternFill from 'highcharts/modules/pattern-fill'; PatternFill(Highcharts);

  3. Use the React wrapper to render a Gantt chart:

import { Chart } from '@highcharts/react';
<Chart highcharts={Highcharts} constructorType="ganttChart" options={chartOptions} />

  1. Observe the console error on page load

Actual behavious

  • The page crashes immediately on load.
  • Pattern fills cannot be applied.
  • The error occurs during module import, before rendering any chart.

Affected browser(s)

Chrome

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions