useMove/ColorArea/ColorSlider: Implement autoscrolling on move

[majornista]

Provide a general summary of the feature here

For components that use the useMove hook, there are cases where the element being moved should autoscroll into view at viewport edges. For example, in a ColorArea or ColorSlider rendered within a scrolling dialog, the ColorThumb updates to show the new color on move or when using the keyboard. If the ColorArea or ColorSlider is larger than the scrolling dialog viewport, the viewport should autoscroll so that the ColorThumb remains in view and the user can see the color value.

🤔 Expected Behavior?

If the ColorArea or ColorSlider, is larger than a scrolling viewport, the viewport should autoscroll so that the ColorThumb or object being moved remains in view and the user can see the color value.

😯 Current Behavior

The container element for a ColorArea or ColorSlider does not scroll automatically to keep the ColorThumb within the viewport on useMove or keyboard input.

💁 Possible Solution

No response

🔦 Context

Testing ColorPicker behavior when the ColorPicker dialog scrolls: https://reactspectrum.blob.core.windows.net/reactspectrum/5890d06349284910c74d2d028d65341b73c8b5fd/storybook/index.html?path=/story/colorpicker--default&providerSwitcher-express=false

💻 Examples

No response

🧢 Your Company/Team

Adobe/Accessibility

🕷 Tracking Issue

No response