색상 텍스트 입력 필드에서 #로 시작하는 16진수 색상 문자열 붙여넣기 허용 (테마 사용자 정의)

(이것이 버그인지 UX 문제인지 확실하지 않습니다)

안녕하세요,

컴퓨터에서 16진수 색상 값을 조작할 때, 클립보드에서 앞에 #이 붙은 16진수 값을 복사해서 붙여넣는 경우가 많습니다.
예를 들어 #1a2331을 색상 텍스트 입력란에 붙여넣으면 다음과 같은 사소한 문제가 발생합니다:
첫째, 입력란은 6자로 제한되어 있고 #1a2331은 # 때문에 7자이므로 문자열의 마지막 문자가 제거됩니다.
그리고 나서 #이 문자열에서 자동으로 제거됩니다.
따라서 붙여넣기 후 입력란의 최종 값은 마지막 문자 1이 누락된 1a233이 되어 잘못된 색상 값이 됩니다.

이를 수정하기 위한 해결책은 문자열의 문자 수를 확인하기 전에 #을 제거하는 것입니다.

문제를 재현하려면 Discourse 색상 테마 커스터마이징의 색상 텍스트 입력란에 #1a2331 문자열을 붙여넣어 보세요.

저는 Windows 10에서 Chrome을 사용 중이며, Discourse 2.4.0.beta7 버전을 사용하고 있습니다.

2개의 좋아요

내가 기억하는 한, Discourse 팔레트에 16진수 코드를 입력하는 방식은 항상 당신이 설명하신 것과 동일했습니다. #을 생략하고 16진수 숫자만 수동으로 입력해야 합니다.

많은 색상 선택기에서는 코드 형식을 미리 결정하여 16진수 코드를 복사할 수 있는 옵션을 제공합니다.

3개의 좋아요

네, 그 부분은 이해합니다. 다만 이 동작이 좀 이상하게 느껴질 뿐이죠. 복사해서 붙여넣은 값을 몇 번이나 확인하다가야 비로소 문자열의 마지막 숫자가 입력에 빠졌다는 걸 알아차렸습니다. 처음에는 왜 값이 유효하지 않다는 건지 이해가 안 됐는데, 특정 복사-붙여넣기 동작을 개선하면 단점 없이 더 나아질 수 있을 것 같습니다.

5개의 좋아요

이것은 여전히 문제입니다.

그렇지 않은 경우도 많습니다!

Discourse가 다양한 설정에 색상을 붙여넣을 때 앞의 #를 자동으로 처리해 주면 아주 좋은 디테일이 될 것입니다.

1개의 좋아요