Hi,
the schedule component has a weird behavior when trying to resize a task. If above the schedule component there is a styled div with a fixed height like in this example, when you scroll the page down, and then resize a task with a shorter period of time, it doesn't, it goes down ... I attach a video showing the issue, I did it with quicktime.
Really the problem is when the webpage exceed the dimension of the screen and you have to scroll down the page, so if you put a height for example of 2000 px to the schedule component, you can see the weird behavior.
render() {
return (
<div>
//IF YOU PUT A DIV HERE WITH A FIXED HEIGHT
<div style={{height: 1000}}>
//AND AFTER THE COMPONENT
<div className='schedule-control-section'>
<div className='col-lg-12 control-section'>
<div className='control-wrapper'>
<ScheduleComponent width='100%' height='650px' selectedDate={new Date(2018, 1, 15)} ref={t => this.scheduleObj = t} eventSettings={{ dataSource: this.data }} eventRendered={this.onEventRendered.bind(this)}>
<Inject services={[Day, Week, WorkWeek, Month, Agenda, Resize, DragAndDrop]}/>
ScheduleComponent>
div>
div>
div>
div>
);
}
Attachment:
scheluder_252169c2.zip
