Angular Scheduler - Horizontal scroll position

It looks like the problem might be the scrollTo/scrollX/scrollY properties in the scheduler config object. If you add them to the config they will be re-applied whenever the Scheduler detects a change. In versions prior to 2019.1.3531 this includes a change in the events object (https://javascript.daypilot.org/daypilot-pro-for-javascript-2019-1-3531/).

I'm checking the other issues:

1. It looks like the solution would be calling onScroll even if dynamic loading is disabled. In plain JavaScript you can hook the onscroll event directly using the DOM element but that would feel like a workaround in Angular:

this.scheduler.control.nav.scroll.addEventListener("scroll", function(e) { 
  console.log(e.srcElement.scrollLeft); 
});

2. If you call setScrollX() and Angular is detected the scrolling is postponed until after the changes are applied. If you use the config object to trigger updates you can simply call setScrollX() after modifying the config object.

Please let me know if it didn't help.

Hey Dan. Thanks for the reply. Updating the daypilot to the latest version (2019.1.3538) did not fix the problem I noticed.

I recorded the scenario with the context menu here: https://www.youtube.com/watch?v=90LFDfnmk64

I checked the config object, and we dont use any scroll property directly.

We call control.scrollTo after we get the resources and events to set the horizontal scroll to roughly the first event loaded. If I remove the scrollTo call here it stops the behavior with the context menu above.

I tried shuffling the order of the the rows in the subscribe but it didnt change anything.

this.dayservice.getSchedulesAndActions()
.pipe(takeUntil(this.ngUnsubscribe$))
.subscribe((newData) => {
this.dayscheduler.control.resources = newData.daySchedules;
this.dayscheduler.control.events.list = newData.dayActions;
this.setHorizontalScrollbarToFirstEvent(newData.dayActions);
this.dayscheduler.control.update();
});
private setHorizontalScrollbarToFirstEvent(events: ExtendedDaypilotEvent[]): void {
if (!events || events.length === 0) { return; }
const times = events.map((item) => moment(item.start));
const min = moment.min(...times);
if (this.dayscheduler && this.dayscheduler.control) {
this.dayscheduler.control.scrollTo(min.subtract(15, 'm').format('YYYY-MM-DD HH:mm:ss'));
}
}

Hey Dan,

Any news on my problem?