[ui5-slider]: Issues with slider with tricky settings and input event firing

[nikoletavnv]

Bug Description

1. Wrong positioning of tickmarks and interval names

<ui5-slider min="0" max="100" step="30" label-interval="1" show-tickmarks show-tooltip ></ui5-slider>

The step tick marks are positioned on 0, 33..., 66... and 100 but the slider moves at positions 0, 30, 60, 90. Also the label-interval names are positioned below steps 30 and 60.

2. Input event is fired when slider does not change its position

Created a slider with the following settings:

<ui5-slider min="0" max="100" step="20" label-interval="1" show-tickmarks show-tooltip ></ui5-slider>

Input event is fired multiple times when I try to drag the slider from one step point to another, even if at the end the slider is not moved and stays at the original step point. When I click directly on a step point - input event is fired just once.

Affected Component

ui5-slider

Expected Behaviour

1. The tick marks are positioned at the step points

2. To discuss what is the correct behavior when the slider is not visually moved and stays at the same step - do we need to fire input event so much times ?

Isolated Example

No response

Steps to Reproduce

...

Log Output, Stack Trace or Screenshots

No response

Priority

Low

UI5 Web Components Version

2.0.1

Browser

Chrome

Operating System

Windows

Additional Context

No response

Organization

No response

Declaration

• [X] I’m not disclosing any internal or sensitive information.