fix(ui-color-picker): prevent selection outside of ColorMixer when dr…

[ToMESSKa]

…agging the indicator

INSTUI-4698

ISSUE:

• other page contents get selected when mouse leaves the ColorMixer when dragging the indicator
• for a video of the bug, see this video: https://instructure.slack.com/files/U079VLHH97S/F09DQL04M0R/screen_recording_2025-09-03_at_14.27.16.mov

TEST PLAN:

• open the first example in ColorMixer
• try and drag all three white indicator buttons to the edge of the palette then make the mouse leave the palette while holding the mouse down
• nearby content or text should not get selected
• ColorMixer should get focused when clicked on
• ColorMixer should remain keyboard accessible (should be tabable, the indicator should be navigable with keyboard)
• check the first two examples in ColorPicker, other page content should not get selected when indicators are getting dragged in the ColorMixer
• the two examples should be keyboard accessible

[github-actions]

PR Preview Action v1.6.2
Preview removed because the pull request was closed.
2025-10-01 09:47 UTC