fix(slider): set null check for value in slider

[aninaantony]

Closes #16141

Handling null check for value when the slider has a negative minimum value

Changelog

New

• {{new thing}}

Changed

Added null check for value when the slider has a negative minimum value

Removed

• {{removed thing}}

Testing / Reviewing

Slider component - value when slider has negative minimum value

[github-actions]

DCO Assistant Lite bot All contributors have signed the DCO.

[aninaantony]

I have read the DCO document and I hereby sign the DCO.

[aninaantony]

recheck

[tay1orjones]

From the linked issue #16141:

There are other parts of this file where value && is used to check the value which probably need reviewing too as they will all fail when the value is 0, which is a valid value and should be treated as such.

Did you find this to be the case? What's the best way to test this and validate that it is fixed?

[aninaantony]

From the linked issue #16141:

There are other parts of this file where value && is used to check the value which probably need reviewing too as they will all fail when the value is 0, which is a valid value and should be treated as such.

Did you find this to be the case? What's the best way to test this and validate that it is fixed?

As mentioned in the bug, within the storybook playground, when I gave a negative minimum value (-100) and the slider value as 0, the slider was positioned towards the left side, as illustrated below.

However, with the fix mentioned , the value 0 is now correctly positioned as shown below.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Name	Link
🔨 Latest commit	6a1ae59
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/662a806828784c000884b1dc
😎 Deploy Preview	https://deploy-preview-16157--v11-carbon-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[tw15egan]

LGTM 👍 ✅