Color picker input clears itself at 5th and 7th character

[Kuixz]

Describe the bug
Color picker input only allows input of 4 characters following # (e.g. #abcd), inputting a 5th character will erase the contents of the input.

Authgear Version
main branch 13/09/2024

To Reproduce
Steps to reproduce the behavior:

1. Go to project portal -> Branding -> Design
2. Click on any color picker e.g. Background
3. Type the following string one character at a time. "#aaaaa"
4. Input box is empty.
5. Paste the following string. "#aaaaaa"
6. Type the following string one character at a time. "a"
7. Input box is empty.

Expected behavior
Since color string can be up to 8 characters long, color picker input should accept up to 8 characters before clearing. Or maybe don't clear at all, just refuse to add more characters.

Client Env (if applicable, please complete the following information):

• Device: MacBook Pro 14in 2021
• OS: macOS Ventura 13.6.4
• Browser: Brave 1.68.137

This bug will affect any user who try to input custom color in their branding / design.

[linear]

DEV-2067 Color picker input clears itself at 5th and 7th character