Slider randomly disappears after trying a custom behavior

[sthoman]

I am trying to evaluate the different behaviors available such as "drag-fixed", per the docs.

As soon as I set a behavior, the slider completely disappears from the UI even though the HTML is still present, and then even if I remove the behavior attribute, it won't re-appear again.

In fact I am noticing random times where the slider inexplicably disappears without any clear error.

In component HTML:

         <nouislider #sliderRef
                [behaviour]="sliderBehaviour"
                [connect]="true" 
                [step]="1" 
                [min]="0" 
                [max]="maximumTimepointValue" 
                [(ngModel)]="sliderRange"   
                (slide)="onSlideTimepoint()">
            </nouislider>

In component.ts:

    sliderBehaviour:string = "drag-fixed";