Slider component causes parent to overflow

[rauloaida]

Describe the bug

• the reshaped Slider component causes the parent to overflow when dragged to the max value (right side).
• this adds a horizontal scroll bar to the page.
• since we can't control the parent component, we cannot use overflow-x: hidden to fix the issue.

To Reproduce Code Sandbox Demo

Expected behavior

• the value label does/slider does not cause the parent component to overflow.

Environment (please complete the following information):

• Reshaped 2.9.2
• Chrome v117.0.5938.92
• Safari 16.5.1

Additional context

• we are using the Reshaped slider component inside an iframe embed, which is causing the 3rd party parent page to overflow.

[blvdmitry]

Published an update in 2.9.4, let me know if that works for you 🙌

https://github.com/formaat-design/reshaped/assets/887379/66196450-d3c9-4039-a006-30afc68dde6e

[rauloaida]

incredible, thank you so much this is perfect!