[Bug]: Slider component looking weird when hideTextInput is true

[dkaushik95]

Package

@carbon/react

Browser

Chrome

Package version

v1.55.0

React version

v17.0.2

Description

Expected vs actual in the screenshot below:

Reproduction/example

https://codesandbox.io/p/devbox/slider-issue-k9jpm9

Steps to reproduce

Open the codesandbox above, and se the two sliders for comparison.

I think the popover is changing the style of the slider "thumb"

The above's has a workaround by adding the following to the client's css:

.custom-slider {
     .cds--popover-container {
         position: absolute;
     }
}

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Application/PAL

Instana

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems