Slider label wrapping can cause handle to move off track

[ellenupp]

Check existing issues

• [X] I have checked for existing issues to avoid duplicates

Actual Behavior

Long slider labels can wrap and push the handle off the track.

Expected Behavior

Ideally labels wouldn't wrap when there is enough space. If it really needs to wrap it should move up and not affect the position of the handle. Also in the above example I wouldn't expect the tick labels to wrap either as there is enough space for them to be inline.

Reproduction Sample

https://codepen.io/ellupp/pen/xxeNmoQ

Reproduction Steps

1. In the sample slide handle to the left and notice that the handle label wraps. It works much better when sliding to the right.

Reproduction Version

2.8.0

Relevant Info

No response

Regression?

No response

Priority impact

p3 - want for upcoming milestone

Impact

No response

Calcite package

• [X] @esri/calcite-components
• [ ] @esri/calcite-components-angular
• [ ] @esri/calcite-components-react
• [ ] @esri/calcite-design-tokens
• [ ] @esri/eslint-plugin-calcite-components

Esri team

ArcGIS Dashboards