MultiSlider.Handle className prop doesn't seem to be getting propagated to the rendered element.

[cybae0804]

Environment

• Package version(s): 3.25.0
• Operating System: Ubuntu 18
• Browser name and version: Brave Version 1.17.73 Chromium: 87.0.4280.67

Code Sandbox

Link to a minimal repro: Here

Steps to reproduce

1. Provide a classname to a MultiSlider.Handle

Actual behavior

The rendered span element does not receive the user provided className.

Expected behavior

The rendered span element does receive the user provided className.

Possible solution

If you look at the code for the handle, it does indeed receive a className prop and puts it on the span element.

className={classNames(Classes.SLIDER_HANDLE, { [Classes.ACTIVE]: isMoving }, className)}

However, if you look at the MultiSlider code, specifically the renderHandles function, it only passes the preset classNames.

className={classNames({
    [Classes.START]: type === HandleType.START,
    [Classes.END]: type === HandleType.END,
})}

I may be reading the code wrong, so please feel free to correct me.

[adidahiya]

Your assessment is correct, this looks like a bug.