Moveable: ngx-movable scrolling issue

[Xumochuan]

Environments

• Framework name: Angular
• Framework version: v8
• Moveable Component version: 0.5.5-rc
• Testable Address(optional):

Description

Hi,
Thanks for your amazing component.
Now, I am using ngx-movable, I have scrolling issue, but I don't know how can I fix it.
Whenever mouse scrolling, target and border is separated.
I used scrolling props, but it works nothing.
I am really glad if you let me know about it.
Thanks.

https://ttprivatenew.s3.amazonaws.com/pulse/mochuan-video/attachments/12391172/TinyTake29-01-2020-11-05-58.mp4

[daybrush]

@Xumochuan

I don't know why. Do you want to update?

It is now 0.9.4.

[Xumochuan]

Hi, @daybrush
Thanks so much for your support.
I have updated ngx-moveable #0.9.4.
But when I mouse scrolling, target and ball is still separated. Only target is scrolled, but blue-balls are not moved.
Please look at this image.

Hope your kind contact again.
Many thanks

[daybrush]

@Xumochuan

remove container props.

[Xumochuan]

Hi, @daybrush
Thanks for your reply.
I have tried, but same as.
When scrolling, target and border is separated.
Hope your kind solution.
Thanks

[daybrush]

@Xumochuan
Oh right. The default value was added to document.body.

Set the container to your app

constructor(elRef: ElementRef) {}

<ngx-moveable
      #moveable
      [container]="elRef.nativeElement" />

[Xumochuan]

Hi, @daybrush
Really Thanks. I have solved issue.
This is know-how technology.
At first, moveable object was created in body (out of app-root), but now it is created in
nativeElement

elRef: any;
constructor(private elementRef: ElementRef) { elRef= elementRef}

<ngx-moveable
      #moveable
      [container]="elRef.nativeElement" />

Thanks for your kind suggestion.
A+++++++!

[maheshts]

hi ,
I am using this library its working fine in local but in production build i am facing issue.
any idea how to resolve the null issues
ERROR TypeError: this.moveable is undefined

kindly help