overlayScrollbars-nx or overlayScrollbars?

[benjamin-hoefer-fnt]

Hello!

I am building an abstraction layer for overlayscrollbars in our Angular application.

I am just wondering which way you would recommend?

I initialized overlayscrollbars in two different ways:

1. By using OverlayScrollbars and this:

OverlayScrollbars({ target: document.querySelector('#myElement') }, {});`

2. By using OverlayScrollbars of overlayscrollbars-ngx and this:

this.osInstance.osInitialize(this.elementRef.nativeElement);

Both ways has the same ouptut and it actually works. But what would your recommend way as the first one is the more general approach and the second one is more the Angular approach. Should I stick to the Angular approach as I am building this for an Angular application?

Kind regards
Benjamin

[KingSora]

Good day @benjamin-hoefer-fnt :)

It depends how big the abstraction is, since overlayscrollbars-ngx should already be the abstraction. (It has a component and directive)

If youre dealing with just an edge case where the overlayscrollbars-ngx package isn't providing the right tools for it but otherwise works, I would stick with it.

In case you build your own component / directive and outside of it you arent using the overlayscrollbars-ngx at all, I would go with your first example. Because then you can remove the package entirely.

[benjamin-hoefer-fnt]

I am afraid, but I can't provide an example so easily at the moment.

I just figured out that the problem is not the overlay library but my abstraction. As soon as I use the overlay-scollbars component on the element it works. The problem is that the overlay will be created by an ng-template and the div element on which I want to put the scrollbar is inside the ng-template. When I swap the ng-template through a div element my abstraction works.

I think the initialization object which I pass just not correct but I can not find out how to do it porperly...

[KingSora]

@benjamin-hoefer-fnt maybe the source code of overlayscrollbars-ngx is of any help: https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-ngx/src

[benjamin-hoefer-fnt]

Oh, I was looking for this but could not find it. That's exactly what I need. Thank you for this great support!

[KingSora]

youre welcome :)

[benjamin-hoefer-fnt]

It actually works! Thanks a lot! Have a great weekend!