From b2a70ad0ab44cbf186b9e49b4ec4058dc3c10254 Mon Sep 17 00:00:00 2001 From: king Date: Fri, 14 Aug 2026 15:53:01 +0900 Subject: [PATCH] =?UTF-8?q?fix(cafe24):=20=EB=B8=94=EB=A1=9D=20=EC=84=A0?= =?UTF-8?q?=ED=83=9D=20=EC=8B=9C=20=EA=B8=80=EC=9E=90=EA=B0=80=20=EC=95=88?= =?UTF-8?q?=20=EB=B3=B4=EC=9D=B4=EB=8D=98=20=EB=AC=B8=EC=A0=9C=20=E2=80=94?= =?UTF-8?q?=20=EC=84=A0=ED=83=9D=20=EB=B0=B0=EA=B2=BD=20=EB=B0=98=ED=88=AC?= =?UTF-8?q?=EB=AA=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 편집기는 투명한 textarea 를 색칠된 
 위에 겹쳐 놓은 구조다. textarea 의 글자는
투명이고 실제 글자는 아래 
 가 그린다. 선택 배경은 위층인 textarea 가 칠하므로
불투명(#b3d4fc)이면 아래 글자를 완전히 덮는다 — 드래그로 블록을 잡으면 파란 칸만
남고 글자가 사라졌다.

::selection 배경을 rgba(51,122,226,0.28) 로 바꿔 색칠된 글자가 비쳐 보이게 했다.
Firefox 용 ::-moz-selection 도 함께 넣었다.

검증: 브라우저에서 규칙 적용 확인(rgba 0.28), 선택 상태에서도 색칠 층이 글자를 그대로
그리고 있음 확인. 유닛테스트 51개 통과.

Co-Authored-By: Claude Opus 5 
---
 app/modules/cafe24/templates/cafe24/bulk.html      |  2 +-
 app/modules/cafe24/templates/cafe24/products.html  |  2 +-
 app/modules/cafe24/templates/cafe24/schedules.html |  2 +-
 app/modules/cafe24/templates/cafe24/system.html    |  2 +-
 app/static/cafe24.css                              | 11 +++++++++--
 5 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/app/modules/cafe24/templates/cafe24/bulk.html b/app/modules/cafe24/templates/cafe24/bulk.html
index 34feefe..d9a79dd 100644
--- a/app/modules/cafe24/templates/cafe24/bulk.html
+++ b/app/modules/cafe24/templates/cafe24/bulk.html
@@ -1,7 +1,7 @@
 {% extends "erp_base.html" %}
 
 {% block head_extra %}
-
+
 {% endblock %}
 
 {% block content %}
diff --git a/app/modules/cafe24/templates/cafe24/products.html b/app/modules/cafe24/templates/cafe24/products.html
index 5beb313..9ac32cb 100644
--- a/app/modules/cafe24/templates/cafe24/products.html
+++ b/app/modules/cafe24/templates/cafe24/products.html
@@ -1,7 +1,7 @@
 {% extends "erp_base.html" %}
 
 {% block head_extra %}
-
+
 {% endblock %}
 
 {% block content %}
diff --git a/app/modules/cafe24/templates/cafe24/schedules.html b/app/modules/cafe24/templates/cafe24/schedules.html
index 3d21c89..6cfa682 100644
--- a/app/modules/cafe24/templates/cafe24/schedules.html
+++ b/app/modules/cafe24/templates/cafe24/schedules.html
@@ -1,7 +1,7 @@
 {% extends "erp_base.html" %}
 
 {% block head_extra %}
-
+
 {% endblock %}
 
 {% block content %}
diff --git a/app/modules/cafe24/templates/cafe24/system.html b/app/modules/cafe24/templates/cafe24/system.html
index 5e342bc..1d28385 100644
--- a/app/modules/cafe24/templates/cafe24/system.html
+++ b/app/modules/cafe24/templates/cafe24/system.html
@@ -1,7 +1,7 @@
 {% extends "erp_base.html" %}
 
 {% block head_extra %}
-
+
 {% endblock %}
 
 {% block content %}
diff --git a/app/static/cafe24.css b/app/static/cafe24.css
index c89fa42..f9441a8 100644
--- a/app/static/cafe24.css
+++ b/app/static/cafe24.css
@@ -370,9 +370,16 @@
   border-color: var(--color-rich-black, #0a0a0a);
 }
 
-/* 선택 영역이 보이게 (글자는 투명이므로 배경만 남는다) */
+/* 선택 영역은 **반투명**이어야 한다.
+   textarea 의 글자는 투명이고 실제 글자는 아래 
 가 그린다. 선택 배경은
+   textarea(위층)가 칠하므로 불투명하면 아래 글자를 덮어 "선택하면 글자가 사라지는"
+   현상이 생긴다. 알파를 줘서 색칠된 글자가 비쳐 보이게 한다. */
 .cf24-code-input::selection {
-  background: #b3d4fc;
+  background: rgba(51, 122, 226, 0.28);
+}
+
+.cf24-code-input::-moz-selection {
+  background: rgba(51, 122, 226, 0.28);
 }
 
 /* 토큰 색 — GitHub 라이트 계열 */