[ColorPicker] Hex input field: 3 digits value is interpreted incorrectly

[htcfreek]

Microsoft PowerToys version

0.51.1

Running as admin

• Yes

Area(s) with issue?

ColorPicker

Steps to reproduce

Open adjust color dialoge in CP Editor ux. Then type a 3 chars hex color value into text box.

✔️ Expected Behavior

The hex code is converted in background to 6 digits and will be represented correctly: CF0 => CCFF00

See this note on w3c.org: https://www.w3.org/TR/css-color-3/#rgb-color

❌ Actual Behavior

The three values are interpreted as the last three values of a six value hex code.

Other Software

No response

technical implementation

• This can be fixed by either not accepting 3 values input or converting three values input to 6 values input: https://stackoverflow.com/questions/10230331/how-to-convert-3-digit-html-hex-colors-to-6-digit-flex-hex-colors
• If we add an converter we should update the text box content not bevor the user changes the focus or selects the color. (Otherwise we break the input of six values hex code.)

[htcfreek]

@niels9001
This bug we have exists in the official WinUI 3 control too. Do you think we should open an issue if we have the fix in our code ready?

[htcfreek]

@niels9001 , @crutkas
I have opened microsoft/microsoft-ui-xaml#6499 for the winui3 control.

[crutkas]

The was fixed in in 0.53. Head over to https://aka.ms/installpowertoys to try it out