RangeSlider min and max value labels don't update if the respective values change
ynnckth opened this issue · 3 comments
Bug Description
When using the ui5-range-slider component with dynamic min and max values, the labels of the range slider do not reflect the updated values.
Expected Behaviour
If I bind the input properties "min" and "max" of the range slider to properties that change dynamically, the labels of the range slider should reflect the new min and max values. However, the labels don't change and keep the initial values instead.
Steps to Reproduce
Create a component containing a ui5-range-slider element.
Add two properties minValue and maxValue of type number to your component.
Reference these values in the range slider such as
<ui5-range-slider [min]="minValue" [max]="maxValue" ...></ui5-range-slider>
Add for example a button that increments minValue and maxValue of your component.
Observe that the labels of the range slider do not update to reflect the new minimum and maximum range values.
Minimal example sandbox:
https://codesandbox.io/p/sandbox/affectionate-poitras-7pv7vy
Context:
UI5 Web Components for Angular version: 0.2.2
Angular Version: 16
OS/Platform: MacOS
Browser: Chrome
Affected component: ui5-range-slider
Hello @ynnckth, thank you for using ui5-webcomponents-ngx! The ui5-webcomponents-ngx team will triage your issue as soon as possible.
Look at issue SAP/ui5-webcomponents#7628 this will solve your problem.