Syncfusion Slider Issue

Question

Created a slider with an Input field. Slider ranges from 1 to 2 only. Issue here is when I click on 1 nothing happens, either it should take 1 as value. when I click towards 2 it works fine and click back 1 it works fine. But initially, it is not capturing the value through slider when user click on the initial value where slider starts from, as it is unable to capture event because slider is never changed on click of first value.

Html:

<ejs-slider [min]='min' [max]='max' [(value)]='value' [type]='mintype' [orientation]='orientation' [tooltip]="tooltip" [ticks]='ticks' [step]='step' (tooltipChange)='tooltipChangeHandler($event)' (change)='sliderChange($event)'></ejs-slider>

Sharon Sanchez Selvaraj · Accepted Answer

Hi Archit, 

Thanks for contacting Syncfusion Support. 

We have checked with your query and the provided code snippet. 

We would like to let you know that, the change event would be triggered when a value change happens between the slider handles. When clicking the same handle(with initial value), the value change hasn’t occurred and this will not be captured as change in value. In the below API reference page, you can find the details regarding to the change event.https://ej2.syncfusion.com/angular/documentation/api/slider#change 

We have created a sample over here for your reference. 

https://stackblitz.com/edit/angular-slidernew-9az3jb?file=app.component.html 

If we have misunderstood, please provide us some clear details on your requirement to assist you promptly. 

Please refer to the below links to know more about Slider component. 

Demo: https://ej2.syncfusion.com/angular/demos/#/material/slider/default 

Documentation: https://ej2.syncfusion.com/angular/documentation/range-slider/getting-started/ 

Please get back to us if you need further assistance. 

Regards, 

Sharon Sanchez S.