search

infor-design / enterprise-wc

Enterprise-grade web component library for the Infor Design System
Apache License 2.0
27 stars 26 forks source link

IdsSlider: Delayed sliding #2733

Closed stephif8 closed 4 days ago

stephif8 commented 1 month ago

Describe the bug There are some sliding issues when dragging the handle/thumb where there's some delay with the handle/thumb positioning.

To Reproduce Steps to reproduce the behavior:

  1. Drag the thumb/handle to observe the described behavior
  2. Code used: 
    <ids-slider [vertical]="true" max="{{ max }}" min="{{ min }}" type="range"></ids-slider>

Expected behavior The sliding should be smooth and the thumb should follow the movement of the mouse.

Version ids-enterprise: v4.93.1

Screenshots https://github.com/user-attachments/assets/d6da04fb-09c4-4b26-8ab1-5fc1c5852101

Platform Infor Application/Team Name: Birst OS Version: macOS Sonoma v14.6 Browser Name: Chrome Browser Version: 127.0.6533.100 (Official Build) (x86_64)

Additional context We're developing a widget in Portal and the ids slider was added to a modal page.

ericangeles commented 4 weeks ago

We should move this to WC issues, @tmcconechy.

tmcconechy commented 3 weeks ago

@stephif8 whats the value of min/max here? Does it only happen in angular with variables being used in the template?

stephif8 commented 3 weeks ago

@tmcconechy The values are properties of the component class which were set to 50 and 100. It also happens in the following cases:

  1. No custom min/max set
  2. Min/max set to hardcoded numbers in the template