Permitir colar uma string de cor hex com um # à frente em uma entrada de texto de cor (personalização de tema)

(não tenho certeza se isso deve ser considerado um bug ou um problema de UX)

Olá,

Ao manipular cores em hexadecimal no seu computador, você frequentemente copia e cola valores hexadecimais com um # inicial a partir da área de transferência.
Ao colar, por exemplo, #1a2331 em um campo de texto de cor, há um pequeno problema:
Primeiro, o último caractere da sua string #1a2331 é removido, pois o campo é limitado a seis caracteres e #1a2331 tem sete devido ao #.
Depois disso, o # é automaticamente removido da string.
Portanto, o valor final no seu campo após a colagem torna-se: 1a233, com o último caractere 1 faltando, resultando em um valor de cor incorreto.

Uma solução para corrigir isso seria remover o # antes de verificar o número de caracteres da sua string.

Para reproduzir o problema, cole a string #1a2331 em qualquer campo de texto de cor da personalização de tema de cores do Discourse.

Estou usando Windows 10 com Chrome e o Discourse 2.4.0.beta7.

2 curtidas

Desde que me lembro, a inserção de códigos hexadecimais na paleta do Discourse sempre foi exatamente como você descreveu. Você deve inserir manualmente apenas o número hexadecimal e omitir o #

Muitos seletores de cor oferecem a opção de copiar o código hexadecimal após definir previamente o formato do código

2 curtidas

Claro, entendo isso, é só que esse comportamento é um pouco estranho. Tive que verificar o valor que estava copiando e colando algumas vezes antes de perceber que o último número da minha string estava faltando na entrada. No início, não entendi por que o valor era inválido e acho que esse comportamento específico de copiar e colar poderia ser melhorado sem nenhuma desvantagem.

5 curtidas

Isso ainda é um problema.

E muitos não!

Seria um ótimo aprimoramento se o Discourse lidasse automaticamente com o # inicial ao colar cores em várias configurações.

1 curtida