[ANGULAR] wrong time when parent container have scroll

Post by **pmiklashevich** » Tue Mar 24, 2020 6:22 pm

I copied your "src" folder to Scheduler/examples/angular/angular-7. But unfortunately it was not runnable.
Please do the following:
1. Make sure you're using the latest sources (v3.1.0)
2. Apply minimal changes to angular-7 demo to reproduce the issue.
3. Make sure the demo is runnable.
4. Zip up whole angular-7 folder and attach here.
Cheers!

Post by **Hiba Rizk** » Thu Mar 26, 2020 11:01 am

hi,

i did just what you asked.
what i have modified is the example is the below:

mode is now vertical

set a wrapper div for the scheduler in the html

set height for the wrapper and the scheduler element as
```
height:calc(100vh)
```

changed startDate and endDate to show more than one day

Now to reproduce the issue you need to scroll the wrapper container and try to add an event the event will be added in a wrong place (different time)

kindly find it attached and please let me know how to fix this

Post by **pmiklashevich** » Thu Mar 26, 2020 3:57 pm

I cannot reproduce this issue with the latest sources.

: Снимок экрана 2020-03-26 в 16.40.56.png (317.95 KiB) Viewed 1641 times

: Снимок экрана 2020-03-26 в 16.41.20.png (301.28 KiB) Viewed 1641 times

What Browser/Scheduler version do you use?

Post by **Hiba Rizk** » Thu Mar 26, 2020 4:02 pm

i'm using chrome Version 80.0.3987.149 (Official Build) (64-bit)
Scheduler "version": "3.0.1"

i'm trying to add the event after scrolling (the wrapper container) only in one cell

Post by **pmiklashevich** » Thu Mar 26, 2020 4:08 pm

Could you please try update to 3.1.0 to make sure we're on the same page, then run the same example you attached and make a video recording, so we can see how you create an event having wrong dates? Do you use browser zoom?

Post by **Hiba Rizk** » Thu Mar 26, 2020 4:35 pm

no i'm not using browser zoom
check attached image please

Post by **Hiba Rizk** » Thu Mar 26, 2020 5:09 pm

i tried it with scheduler version 3.1.0 and still facing the issue

Post by **pmiklashevich** » Thu Mar 26, 2020 5:57 pm

Reproduced! Thanks for the report!
https://github.com/bryntum/support/issues/465

Post by **Hiba Rizk** » Fri Mar 27, 2020 4:44 pm

hi,

is there any recommendation to overcome this while the fix is done ?

Post by **sergey.maltsev** » Tue Mar 31, 2020 2:29 pm

Hi!

I can suggest you to use this temporarily fix to make it work until it is fixed in our code.
I strongly suggest to remove it when bug is fixed.

Use https://www.bryntum.com/docs/scheduler/#Core/mixin/Override to override https://www.bryntum.com/docs/scheduler/#Scheduler/view/mixin/TimelineDateMapper#function-getDateFromDomEvent method

class SchedulerOverride {
    static get target() {
        return {
            class : Scheduler
        };
    }
    getDateFromDomEvent() {
        this._bodyRectangle = Rectangle.client(this.bodyContainer);
        return this._overridden.getDateFromDomEvent.call(this, ...arguments);
    }
}
Override.apply(SchedulerOverride);

Also import this class https://www.bryntum.com/docs/scheduler/#Core/helper/util/Rectangle

Support Forum

[ANGULAR] wrong time when parent container have scroll