Skip to content

Range slider change event emits wrong values #72

Closed
@wnvko

Description

@wnvko

Description

I am trying to update local variable via change event of the range slider component.

Steps to reproduce

Use code like this:

const [range, setRange] = useState<IgrRangeSliderValue | undefined>();
...
<IgrRangeSlider lower={range?.lower} upper={range?.upper} change={(_s, e) => setRange(e.detail)}></IgrRangeSlider>
<p>Range is {range?.lower} - {range?.upper}</p>

Result

On each change the e.detail contains {lower: 0, upper: 0}. Here is the result:
image

Expected result

change event should emit correct values in its detail.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions