Fix Range dragging

[ghsteff]

PR Checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[x] Bugfix
[ ] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Documentation content changes
[ ] Other... Please describe:

What is the current behavior?

If you place RangeSingle in a parent element with some affected positioning the drag gets messed up

What is the new behavior?

You can place RangeSingle in any parent element

Does this PR introduce a breaking change?

[ ] Yes
[x] No

Other information

This sets the range left offset relative to the viewport instead of the parent element

It needs to be based off viewport to align with the pointer clientX being used to calc the handle position

This shouldn't be a breaking change, but it feels like it could depending if people have done some hacky solutions to avoid this problem

BEFORE

Screen.Recording.2023-12-29.at.11.25.12.AM.mov

AFTER

Screen.Recording.2023-12-29.at.11.25.50.AM.mov

Also story still works as expected without added div wrapper

Screen.Recording.2023-12-29.at.11.41.24.AM.mov