Our pure JavaScript Scheduler component


Post by ewu »

Upgrading from v5.1.1 -> v5.2.X causes the TimeAxisHeader of my SchedulerPro component to disappear.
The header itself is there, but none of the labels are, and the TimeAxisHeaderMenu is inaccessible.

Screen Shot 2022-12-07 at 11.13.27 AM.png
Screen Shot 2022-12-07 at 11.13.27 AM.png (702.96 KiB) Viewed 361 times

Clicking (lclick/rclick) anywhere on the header produces the following error:

Uncaught TypeError: cell is undefined
    onGridBodyFocusIn bundle.js:142605
    onGridBodyFocusIn EventNavigation.js:228
    handler EventHelper.js:465
    addElementListener EventHelper.js:294
    on EventHelper.js:256
    initInternalEvents GridElementEvents.js:152
    onPaint GridBase.js:2805
    onPaint bundle.js:204277
    onPaint TimelineBase.js:496
    functionChainRunner bundle.js:33531
    intoName InstancePlugin.js:334
    callback bundle.js:17810
    trigger bundle.js:21287
    triggerPaint Widget.js:4129
    triggerPaint GridBase.js:2639
    render Widget.js:2237
    render bundle.js:71025
    render GridBase.js:2817
    render TimelineBase.js:1539
    functionChainRunner bundle.js:33531
    intoName InstancePlugin.js:334
    finalizeInit Widget.js:1513
    finalizeInit State.js:232
    finalizeInit GridState.js:100
    finalizeInit GridBase.js:782
    construct bundle.js:64156
    construct TimelineZoomable.js:109
    construct bundle.js:203121
    construct TimelineBase.js:415
    construct EventNavigation.js:112
    Base$1 Base.js:371
    Localizable Localizable.js:35
    Events Events.js:303
    Delayable Delayable.js:176
    Identifiable bundle.js:35888
    Factoryable Factoryable.js:71
    KeyMap bundle.js:62274
    RTL bundle.js:62516
    Widget bundle.js:62846
    Container Container.js:81
    State bundle.js:35399
    Toolable Toolable.js:32
    Panel Panel.js:105
    Pluggable bundle.js:33618
    GridElementEvents GridElementEvents.js:50
    GridFeatures GridFeatures.js:105
    GridNavigation GridNavigation.js:41
    GridResponsive GridResponsive.js:75
    GridSelection GridSelection.js:45
    GridState bundle.js:144177
    GridSubGrids GridSubGrids.js:70
    LoadMaskable LoadMaskable.js:19
    GridBase GridBase.js:128
    TimelineDateMapper TimelineDateMapper.js:39
    TimelineDomEvents TimelineDomEvents.js:112
    TimelineEventRendering TimelineEventRendering.js:20
    TimelineScroll TimelineScroll.js:30
    TimelineState bundle.js:204210
    TimelineViewPresets TimelineViewPresets.js:38
    TimelineZoomable TimelineZoomable.js:50
    RecurringEvents RecurringEvents.js:23
    TimelineBase TimelineBase.js:154
    CrudManagerView CrudManagerView.js:29
    Describable Describable.js:83
    SchedulerDom SchedulerDom.js:19
    SchedulerDomEvents SchedulerDomEvents.js:19
    ProjectConsumer ProjectConsumer.js:22
    SchedulerStores bundle.js:208507
    SchedulerScroll SchedulerScroll.js:29
    SchedulerState SchedulerState.js:39
    SchedulerEventRendering SchedulerEventRendering.js:41
    SchedulerRegions SchedulerRegions.js:19
    EventSelection EventSelection.js:20
    Delayable Delayable.js:176
    EventNavigation EventNavigation.js:33
    CurrentConfig CurrentConfig.js:39
    SchedulerBase SchedulerBase.js:120
    ProjectProgressMixin ProjectProgressMixin.js:41
    SchedulingIssueResolution SchedulingIssueResolution.js:30
    SchedulerProEventRendering SchedulerProEventRendering.js:30
    SchedulerProBase SchedulerProBase.js:52
    SchedulerPro SchedulerPro.js:142
    createWidget WrapperHelper.tsx:188
    componentDidMount BryntumSchedulerPro.tsx:1161
    React 6
    unstable_runWithPriority scheduler.development.js:468
    React 4
    unstable_runWithPriority scheduler.development.js:468
    React 6
    tsx index.tsx:10
    factory react refresh:6
    Webpack 3
bundle.js:142605:9

I have not been able to reproduce a simple testcase, so I think how I'm loading data in may have something to do with it. I am loading data via graphql using project.loadInlineData when the queries resolve. This includes resources, events, assignments, and calendar intervals for NWD.

I've tried removing non-working days, custom calendars, and custom view presets, but the issue remains.

Potential regression?: https://github.com/bryntum/support/issues/3985


Post by mats »

Sounds strange - Did you update CSS too?


Post by ewu »

I have some custom css to style non-working days, but I removed it and I'm still seeing the same effect.


Post by ewu »

I'm noticing something else that's weird. There's an extra cell in my resource column that contains striping, and striping is now missing from my scheduler grid.

Screen Shot 2022-12-07 at 5.13.54 PM.png
Screen Shot 2022-12-07 at 5.13.54 PM.png (227.3 KiB) Viewed 352 times

Post by mats »

Weird indeed. Any chance you can drop us a simple test case? Or let us know how to reproduce in our standard samples?


Post Reply