Bottom scrollbars does not sync while moving Splitter

[ghulamghousdev]

Forum post

Hi, We noticed that if you set the columns on the scheduler in the ngAfterViewInit instead of passing it to the binding that the splitter in the vertical scrollbars does not move anymore when dragging the horizontal splitter. Is this a bug?

You can reproduce this issue in the angular basic example as follows: remove the following from app.component.html:

 [columns] = "schedulerProps.columns" 

add the following in the ngAfterViewInit() of app.component.ts:

        if (this.schedulerProps.columns) {
            this.scheduler.columns = this.schedulerProps.columns;
        }

I added some extra columns in app.config.ts:

    columns: [
        { text: "Name", field: "name", width: 130 },
        { text: "Test", field: "name", width: 130 },
        { text: "Test2", field: "name", width: 130 },
    ],

start the app and resize the browser smaller so the vertical scrollbars at the bottom appear and drag the splitter... you will notice the splitter part in the vertical scrollbars on the bottom do not move. (it pops into place if you e.g. resize a column)