[Bug report]: <tds-slider/> component non-responsive on touchscreen devices

Requirements before reporting

[X] No duplicated issue reported.
[X] I have checked the latest version if the bug exist there. See all available packages at npmJS.com
[X] I have followed the installation guide.

Package versions

@scania/tegel: "1.17.0"

Browser

Chrome

Framework

Angular

Version

Angular 15.4.0.

Reproduction steps

Open the application on a touchscreen device (e.g., mobile or tablet).
Navigate to a page containing the component.
Attempt to adjust the slider using touch gestures (swipe or tap).
Observe that the slider does not respond to any touch interactions.

When users attempt to interact with the component on touch-enabled devices, it does not respond to touch gestures, such as swiping or tapping, to adjust the slider value. NOTE: minus and plus buttons work as expected

Code example

  <div id="quantity-slider">
          <tds-slider
            #slider
            ngDefaultControl
            formControlName="quantity"
            [max]="maxQuantity"
            [min]="minQuantity"
            step="1"
            [value]="actualQuantity"
            tooltip
            controls
            thumb-size="lg"
            >
          </tds-slider>
        </div>

Screenshots

image (5)

Expected behaviour

The component should respond to standard touch interactions, allowing users to adjust the slider on touchscreen devices, similar to how it behaves on non-touchscreen (desktop) environments.

Console errors

"Unable to preventDefault inside passive event listener invocation."

Contact information

adis.civgin@scania.com

scania-digital-design-system / tegel