Colorpicker: Focus indication and keyboard use on wrong element (2.1.1)

[Blackbaud-MattGregg]

Expected behavior

• Visual cursor focus indication is placed on button to select color when focus is on button.
• No visual indication occurs when on input element which can't take any direct input.

Actual behavior

These are reversed. When visual focus indication is present on the input field, the keyboard can't open up the modal to choose the color. When focus is on the button, there is no visual focus indicated.

Steps to reproduce

Tab through input and select button elements.