Range Slider No Longer Displays Ticks

[Mike-E]

Hello,

I have the following markup which used to work as expected prior to 34.1.32:

<SfSlider TValue="float" Min="0" Max="1" @bind-Value="@video.Percentage" Step="0.01f" CssClass="mt-2 w-75">
				<SliderEvents TValue="float" OnTooltipChange="@(x => x.Text = (video.Maximum * x.Value).ToString(@"mm\:ss\:ff"))" TicksRendering="@(x => x.Text = (video.Maximum * x.Value).ToString(@"mm\:ss\:ff"))"></SliderEvents>
				<SliderTicks Placement="Placement.Before" ShowSmallTicks="true" LargeStep="0.25f" SmallStep="0.125f" />
				<SliderTooltip IsVisible="true" Placement="@TooltipPlacement.After" ShowOn="TooltipShowOn.Auto" />
</SfSlider>

Note the ticks in particular.  With 34.1.32 I no longer see ticks for this control:

Is there another setting that was introduced perhaps to display as expected?

Thank you for any assistance,

Michael

[LeoLavanya Dhanaraj]

Hi Mike,

Greetings from Syncfusion Support.

From the shared details, our understanding is that the following Slider implementation was working correctly prior to v34.1.32, where both the tick marks and customized tick labels were displayed. After upgrading to v34.1.32, the Slider continues to render, but the ticks are no longer visible. Based on that understanding, we prepared the following simplified sample to verify whether the issue is related to the tick rendering configuration itself or to a specific customization in your implementation.

Sample – https://blazorplayground.syncfusion.com/BtrdjGVnmjBnYNfb

With this sample, we were able to verify that:

• The SliderTicks configuration is valid and supported.
• Custom tick labels can be rendered using the TicksRendering event.
• Fractional values (0 to 1) with LargeStep and SmallStep settings work as expected.
• Tick labels can be generated from a calculated TimeSpan.
  
  

Could you please check this sample on your end as well? If we have misunderstood your exact issue or requirement, please provide the following details:

• The complete Slider implementation used in your application.
• Any custom CSS applied to the Slider.
• Details of any other Slider-related customizations.
• A screen recording/video showing the issue.
• Your expected behavior versus the actual behavior.
• Whether the issue occurs only in v34.1.32 or in later versions as well.

Once we have these details, we can reproduce the scenario more accurately and determine whether this is a regression in the component or behavior related to a specific customization in your application.

We look forward to your update.

Regards,
Leo

[Mike-E]

Hi Leo, thank you for your time and investigation, and for providing a code sample!  It is greatly appreciated and acknowledged.  

This was a tricky one for me, but after some slogging through my code, the issue was due to a CSS rule I had introduced some time back.  I adjusted the change to make it more specific, and it fixed this issue here.

Thank you again for your efforts and for your great support of your product!

[LeoLavanya Dhanaraj]

We are glad to know that your issue has been resolved. If you need any further assistance, please get back to contact us. We will be happy to assist you.